在Chrome和Safari瀏覽器中刪除html5視頻頂部和底部的黑色條紋

我正在使用html5視頻。在FireFox中，它運行良好，但在Chrome和Safari瀏覽器中，它顯示出一個厚厚的黑色條形頂部和底部。如何擺脫這個酒吧？在Chrome和Safari瀏覽器中刪除html5視頻頂部和底部的黑色條紋

代碼，

<video autoplay loop="loop" onended="this.play()" width="100%"> 
    <source src="videos/video.mp4" type="video/mp4"/> 
    <source src="videos/video.webm" type="video/webm" /> 
</video>

在此先感謝

來源

2012-02-03 user1187405

嘗試將'video'元素的高度和寬度設置爲視頻的實際視頻和高度？ – 2012-02-03 12:19:54

感謝您的回覆，但我希望視頻採用100％寬度的瀏覽器。 – user1187405 2012-02-03 12:28:10

然後修改高度以適當調整以縮放到瀏覽器窗口的寬度。 – gengkev 2012-02-04 22:07:25

看看包含視頻標籤的標籤的尺寸和/或CSS。這可能是一個分區。我有一個身高：100％。一旦我刪除它，它解決了這個問題。

希望它有幫助。

來源

2012-02-07 14:35:06 Shadowxvii

-1

實際視頻中是否有黑條？我的解決方案是在16/9 iframe頁面中播放視頻並調整頂部（..- px），左側（..- px），高度（..％）（OR寬度％），直到它們在外部超標度。 fullscreen-bg .css

來源

2016-09-26 22:53:25 user6884687

.fullscreen-bg {position}：fixed; top：0; right：0; bottom：0; left：0; 溢出：隱藏; z-index：-100; } .fullscreen-bg__video { position：absolute; top：-10px; left：-220px; 寬度：142％; 身高：; } – user6884687 2016-09-26 23:00:18

在Chrome和Safari瀏覽器中刪除html5視頻頂部和底部的黑色條紋

回答

相關問題