Advanced Video Embedder

今回は、Advanced Responsive Video Embedderというなんとも名前の長いプラグインについてです。

こちらを使うと、名前通り、レスポンシブな動画を埋め込むことが可能となります。

というのも、スマホ表示にしたときに結構動画がはみ出して、残念なことになるんですよね。

それを防ぐためのプラグインということです。

では、動画講義を見ながら、導入をちゃちゃっと済ませましょう。

 

Advanced Responsive Video Embedderの導入から使い方【動画講義】




※画質が悪い場合は、お手数ですが、動画右下の歯車マークから720pを選択してください。m(_ _)m

 

「Advanced Responsive Video Embedder」

「Shortcake」

が正しいスペルとなっております。コピーしてお使いください。

Advanced Responsive Video Embedderの導入&使い方

まず導入方法ですが、

Advanced Responsive Video Embedder　と　Shortcake

２つ導入しないと使えません。

とりあえず揃えちゃいましょう。

 

そして、導入が完了したら設定とかは一切せずに使い始めることが出来ます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-0-36-14

Embed Video というボタンが追加されていると思うので、

そちらをクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-26-0-34-02

すると、こんな画面が出てくるので、

YouTube動画ページのURLもしくは、埋め込みコードをコピーして貼り付けてください。

それだけで、動画のサイズが最適化された状態で、埋め込むことができるようになります。