基本的に私が達成しようとしているのは、div を埋めるビデオです。次に、ウィンドウのサイズがモバイルのサイズに縮小されると、div でサイズが小さくなります。ただし、元のビデオは div よりもはるかに大きいため、サイズを変更する必要があります。ビデオを 100% 幅にすると、小さいビデオに影響するため、ウィンドウを小さくしても切り替わらないので、おそらくビデオに最大幅が必要だと思いますか? しかし、私はそれを試してみましたが、サイズはまったく変更されません。
私の構造は
私はまだhtml/cssに精通していないので、基本的なものにしてください:)
どうもありがとう。
<div id="video_1">
<video id='myvideo'controls >
<source src="video/small.mp4" type="video/mp4" media="all and (max-width: 480px), all and (max-device-width: 480px)">
<source src="video/small.webm" type="video/webm" media="all and (max-width: 480px), all and (max-device-width: 480px)">
<source src="video/small.ogv" type="video/ogg" media="all and (max-width: 480px), all and (max-device-width: 480px)">
<source src="video/large.mp4" type="video/mp4">
<source src="video/large.webm" type="video/webm">
<source src="video/large.ogv" type="video/ogg">
fallback here
</video>
</div>