今現在トップページにvideoタグで挿入した動画を画面いっぱいに表示させようと試みているんですが、うまくいきません。
具体的にはウインドウサイズが約1290px以下になるとheightが100%でなくなります。
videoタグのwidthとheightはbodyのスタイルを継承できているのですが動画の高さが低く表示されてしまいます。以下がコードになります。
お忙しいところ恐縮ですがどなたかご教授の方よろしくお願い致します。
html
1<body> 2<video autoplay> 3 <source src="<?php bloginfo('template_directory'); ?>/video/original.mp4"> 4</video> 5 6</body>
css
1html,body{ 2 width:100%; 3 height:100%; 4} 5 6video{ 7 position: fixed; 8 left:50%; 9 top:50%; 10 transform:translate(-50%,-50%); 11 width: 100%; 12 height:100%; 13 min-width:100%; 14 min-height:100%; 15 width: auto; 16 z-index: -100; 17 background-position:center center; 18} 19
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。