我有一個(gè)占據(jù)整個(gè)頁(yè)面的全屏視頻。視頻在桌面上以完整的寬度和高度顯示。但是，它僅在移動(dòng)設(shè)備上顯示其中的一部分。沒(méi)關(guān)系，盡管我想將視頻中顯示的部分更改為向左移動(dòng)。這是一個(gè)視覺(jué)輔助工具，可以顯示我想問(wèn)的問(wèn)題： 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貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
為了使您的視頻在任何屏幕上全屏顯示，我建議將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請(qǐng)注意，為了解釋起見(jiàn)，我將您的視頻更改為占位符視頻。
- 1 回答
- 0 關(guān)注
- 150 瀏覽
添加回答
舉報(bào)
0/150
提交
取消