埋め込み動画

参考:

動画と再生リストを埋め込む | YouTube ヘルプ [公式]

使い方

参考:

Youtube の埋め込みを使いこなす、20個のテクニックまとめ | ちもろぐ

プレイヤー/パラメーター

参考:

埋め込みプレーヤー パラメータ一逆引き覧 – Qiita

YouTube の埋め込みに関わるパラメーターについてまとめてみた | 情報管理 LOG

YouTube 動画の21のパラメータまとめ+αと埋め込みコードの実例 | WisdomMingle.com

埋め込みプレーヤーとプレーヤーのパラメータ | YouTube IFrame Player API [公式]

レスポンシブ対応

参考:

レスポンシブ Youtube 動画の埋め込み方法 | Mobile First Marketing Labo

Youtube の埋め込み動画をレスポンシブに対応させる方法 | WebClips_Design

YouTube などの動画をレスポンシブ対応で実装する現在主流とこれからのテクニック | コリス

WordPress YouTube 動画をレスポンシブサイズで埋め込む方法 | LIVE YOUR LIFE

YouTube をスマホで可変で表示する方法 | Web デザイナーブログ

キーボード操作

参考:

まとめ 使いこなせば超快適!YouTube の隠しショートカットキー10選 | ロケットニュース24

YouTube で便利なショートカットキー (キーボード操作) 13個まとめとくね | easy and easy

Youtube のショートカットキーまとめ!キーボードで快適操作! | Aprico

遅延読み込み

参考:

埋め込み YouTube が想像以上に戦犯級だった件 | ma-ya’s CREATE

画質を指定する

参考:

link to display HD video by default – Stack Overflow

YouTube iframe embed not starting in HD – Stack Overflow

JavaScript で操作する

参考:

YouTube の iframe 埋め込み動画を JS でコントロール – Qiita

Youtube IFrame Player API を利用してサムネイル画像クリックで動画再生 | WEB制作 活用事例 サンプル (brick-plan.jp)

iframe 組み込みの YouTube Player API リファレンス | YouTube IFrame Player API [公式]

まとめ/Tips

参考:

マーケター必見!YouTube 動画を Web ページに埋め込む際に使えるパラメータ10選 | movieTIMES

動画をブログ埋め込み時に使える便利なカスタマイズ方法!パラメーター14選まとめ | movieTIMES

attribution_link

参考:

Anyone know what attribution_link? is in a lot of videos now – reddit

get-video-id

参考:

radiovisual/get-video-id: Get the YouTube, Vimeo, Vine or VideoPress video id from a url or embed string – GitHub

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA