例えば、このサイトの下の方にある動画(http://www.seijo.ac.jp/career/career-support/internship/)を直書きでレスポンシブ対応したいです。
cssをいじる権限がないので修正は直書きですが、下記のようにタグを入れても対応してくれません。
サイト自体の仕様でうまくいかないのか、タグが間違っているのか、
もしくはタグの書き方を変えればうまくいくのか教えてください。
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
-->
</style>
よろしくお願いいたします。
iframeではなくそこで読み込まれている動画ですよね?
iframeのwidth="560" height="315"は必要なのでしょうか?
iframeではなくそこで読み込まれている動画ですよね?
>>そこの動画でもいいのですが、スマホの時にはみ出してますのでレスポンシブ対応したいです。
iframeのwidth="560" height="315"は必要なのでしょうか?
すいません、こちらは必要ありません。
https://aprico-media.com/posts/1517
直書きがあったのですが、こちらもうまくいかないのです。
<div style="position: relative; padding-bottom: 56.25%;">
<iframe
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
src="https://www.youtube.com/embed/[Youtubeの動画ID]"
frameborder="0"
allow="autoplay;
encrypted-media"
allowfullscreen>
</iframe>
</div>
質問は編集できますので適宜ご対応ください。
また、コードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/help#about-markdown
>cssをいじる権限がない
→ いじれないのに、いじろうとしてますが、良いのですか?
>cssをいじる権限がないので修正は直書き
→ 状況が不明です。この大学のサイトの管理者が修正を求めているのですか?
htmlいじれてCSS(たぶんファイルか)いじれないってちょっと状況意味が分からないですね。
回答1件
あなたの回答
tips
プレビュー