如果浏览器不支持preload =" none"标签?

时间:2016-06-28 15:50:24

标签: html css html5 css3 video

我想在HTML页面中添加video

我希望只有当用户按下播放按钮时才加载它,而不是直接从头开始。

为此,我使用preload="none"

W3Schools上,他们说Internet Explorer上不支持它。

所以当有人进入页面时,他会看到什么?

video从一开始就加载,或者他甚至没有看到video(可能只是一个黑色空格或其他东西)?

1 个答案:

答案 0 :(得分:1)

您可以为video代码

设置poster
  

谢谢,但我想要以下内容:视频只应在用户加载时加载   点击播放(这是通过预加载完成的)。但是如果预载不是   支持,我希望视频从一开始就直接加载。是   这可能吗?

好的,你可以删除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>
&#13;
&#13;
&#13;