2016-06-28 57 views
1

我想將一個video添加到HTML頁面。如果瀏覽器不支持preload =「none」標籤,那麼視頻會發生什麼?

我希望只在用戶按下播放按鈕時才加載,而不是直接從頭開始加載。

爲此,我使用preload="none"

W3Schools他們說它不支持Internet Explorer。

所以當有人進入頁面時,他會看到什麼?

video是否從開始加載,或者他甚至看不到video(也許只是一個黑色空間或其他東西)?

回答

1

可以設置爲poster標籤video

感謝,但我想以下幾點:如果用戶點擊 上播放(帶預載完成的,多數民衆贊成)視頻應該只加載。但如果預加載不支持 ,我希望視頻直接從頭開始加載。是 這可能嗎?

好吧,那麼你可以刪除poster並添加:

document.getElementsByTagName('video')[0].play(); 

在將測試如果用戶代理是Internet Explorer的

/** 
 
* detect IE 
 
* returns version of IE or false, if browser is not Internet Explorer 
 
*/ 
 
function detectIE() { 
 
    var ua = window.navigator.userAgent; 
 
    var msie = ua.indexOf('MSIE '); 
 
    if (msie > 0) { 
 
     // IE 10 or older => return version number 
 
     document.getElementsByTagName('video')[0].play(); 
 
    } 
 
    var trident = ua.indexOf('Trident/'); 
 
    if (trident > 0) { 
 
     // IE 11 => return version number 
 
     document.getElementsByTagName('video')[0].play(); 
 
    } 
 
    var edge = ua.indexOf('Edge/'); 
 
    if (edge > 0) { 
 
     // Edge (IE 12+) => return version number 
 
     document.getElementsByTagName('video')[0].play(); 
 
    } 
 
    // other browser 
 
    return false; 
 
    } 
 
    //Call the function 
 
detectIE();
<video width="480" preload="none" controls> 
 
    <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.webm" type="video/webm"> 
 
    <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4"> 
 
    <source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv" type="video/ogg"> 
 
     Your browser doesn't support HTML5 video tag. 
 
</video>

+0

所以在每個條件如果瀏覽器不支持預加載,那隻會顯示海報?那麼播放視頻是不可能的? – OlginNonaj

+0

完全是':)'。當您點擊播放 – dippas

+0

謝謝,但是我想要以下內容:視頻應該只在用戶點擊播放時才加載(即使用預加載完成)。但是如果不支持預加載,我希望視頻直接從頭開始加載。這可能嗎? – OlginNonaj

相關問題