Pixabayyoutube動画は気軽にホームページやブログに共有コードをコピペして記事の中に埋め込みができるのでよく使っているのですが、クライアントの申告により、動画の右下にあるアイコンで”全画面表示”が効かないということが分かりました。いうことで、最終的にはPCでもスマホでも最適に表示されることを考えてプラグインを使うことにしました。通常、youtube動画を埋め込む際には下記のようなコードを記事内にコピペして記述します。allowfullscreen></iframe>しかし、wordpressにおいて、この中で全画面表示に必要な”allowfullscreen”という属性が消えてしまい保存ができません。利用する人がいるかどうか?クライアントの中には気になる方もおり、いろいろ調べたのですがわからず仕舞い。最近はスマートフォンで見る人が多くなったことで共有コードにふくまれるPC用になっている画像サイズが邪魔をします。allowfullscreen></iframe>width=”560′′はこのままだとPCでは560pxのサイズで見れます。スマホで見るとはみ出るわけです。それを一々考えることなく、手間なく、PCもスマートフォンも両方に最適化されて表示されるようにしたい。Embedderを導入することにしました。インストール管理画面の左サイドメニューから”プラグイン”→”新規追加”を選択します。Embedder”を入れて検索。Embedder”の”今すぐインストール”をクリックします。次の画面で”プラグインを有効化”をクリックすればインストールが完了です。設定してみましょうインストールされたら設定です。Embedder”を選択します。設定画面を見ると英語だらけなので、何を設定すれば良いのかわかりません。何も設定をしないでも良いようです。youtube動画を埋め込んでみます記事にyoutube動画を埋め込んみます。記事投稿画面を表示します。Video”をクリック。編集モードは”ビジュアル”のままです。Video”をクリックして出てきた画面に埋め込みたいyoutube動画のURLをコピーしてきて、1の欄にペーストします。すると編集画面に下のようなショートコードが挿入されます。id=”bdkO9PWrif0′′]次に”変更をプレビュー”でちゃんと表示されていればOKです。自動で横幅がちゃんとページのエリア一杯の幅になっています。スマートフォンで見ても最適な幅で表示されます。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。(月~金)空間、場所の魅力をリアルに伝えることのできる360°VR写真の撮影と制作を承ります。ホームページのコンテンツにすると滞在時間も増え、webマーケティングにも使えます。お気軽にお問い合わせください。