WordPressにYoutube動画をレスポンシブで埋め込む方法【簡単】
「WordPressにYOUTUBE動画を埋め込んだけど、スマホで見たら動画がはみ出てる…！！」 ということがないように、この記事ではWordPressにYOUTUBE動画をレスポンシブで埋め込む方法をお伝えします。 CSSをいじるのですが、コピペでOKなので安心してください。簡単に出来るので、もしYOUTUBE動画をレスポンシブで埋め込みたい場合は参考にしてもらえればなと。 それではさっそく見ていきましょう。 YOUTUBE動画をレスポンシブ対応させるCSSを追加するまず、CSSにYOUTUBE動画をレスポンシブ対応する記述を追記していきます。 WordPressの「外観」の「カスタマイズ」をクリックします。 そのあと「追加CSS」をクリック。 そしたら、CSSに以下の記述をコピペしてください。 .youtube { position: relative; padding-bottom:
YouTube の埋め込みで関連動画の非表示ができなくなった - by Takumi Hirashima
YouTube の動画埋め込みで表示される関連動画や次の動画を非表示にする方法を紹介します。 関連動画の仕様についておさらい 関連動画を非表示にする方法 表示している動画以外に動画をアップしないで非表示にする 動画をループ再生にして関連動画を表示させない 関連動画の仕様についておさらい 動画埋め込み時の関連動画を非表示にするには、YouTube ID の後に ?rel=0 を追加します。 <iframe width="560" height="315" src="https://www.youtube.com/embed/cKf4cqx3MXQ?rel=0" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> ?rel=
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
