■実現したいこと
トップページに組み込んだYouTubeの動画をレスポンシブ対応に変更したい
■現在使用しているコード
<iframe id="movie_data" style="width: 1901px; height: 504px;" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/9j-SFP5xCok?loop=1&playlist=9j-SFP5xCok&controls=0&autoplay=1&showinfo=0&enablejsapi=1&disablekb=0&fs=0&iv_load_policy=3&modestbranding=1&playsinline=1&rel=0&origin=https%3A%2F%2Fstandard-inc.net&widgetid=1">■試してみたこと
色々なサイトを参考にしたところ以下のコードを埋め込んだらいいとのことなのですが上記のコードに埋め込んでも反映されません。
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
■わからない点
コードを埋め込む場所は「現在使用しているコード」のところであっているのか
レスポンシブ対応のコードはあっているのか
プログラミングを始めたばかりで初歩的なことを聞いてしまっているかもしれません。
どうぞよろしくお願い致します。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。