我有一個占據整個頁面的全屏視頻。視頻在桌面上以完整的寬度和高度顯示。但是，它僅在移動設備上顯示其中的一部分。沒關系，盡管我想將視頻中顯示的部分更改為向左移動。這是一個視覺輔助工具，可以顯示我想問的問題： https://i.stack.imgur.com/zU9qc.jpg這是我的代碼：<video autoplay muted loop id="myVideo"> <source src="header7.mp4" type="video/mp4"></video><style> #myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}}</style>
1 回答
瀟瀟雨雨
TA貢獻1833條經驗 獲得超4個贊
為了使您的視頻在任何屏幕上全屏顯示，我建議將min-width和max-width屬性更改為width和height并使用視口單位。一種方法可以是：
#myVideo {
? position: fixed;
? right: 0;
? bottom: 0;
? width: 100vw;
? height: 100vh;
}
<video autoplay muted loop id="myVideo">
? <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
</video>
src請注意，為了解釋起見，我將您的視頻更改為占位符視頻。
- 1 回答
- 0 關注
- 139 瀏覽
添加回答
舉報
0/150
提交
取消