2016-06-28 195 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

相关问题