我的html5视频不会在浏览器中显示

时间:2018-06-27 23:28:20

标签: css html5 video

<header class="header">
    <div class="bg-video">
        <video class="bg-video__content" autoplay muted loop>
            <source src"img/Typing.mp4" type="video/mp4">
            <source src"img/Typing.webm" type="video/webm">
                Your browser is not supported!
        </video>
    </div>

我的视频不会在浏览器中显示。我已经完成了一个视频教程,该视频具有与此相同的代码,但是可以正常工作。现在,我尝试自己执行此操作,但浏览器将无法显示视频。

1 个答案:

答案 0 :(得分:0)

有一些代码错误,例如在“ src”之后应该有一个=符号。没有标签。 IE也不支持webm。

牢记所有内容,我按如下所示纠正了代码:

<script>
  var isadmin = document.getElementsByClassName("input-container");
  var url = new URL(window.location);
  if (url.searchParams('test') && url.searchParams('test') == 'yes') {
    isadmin[0].style.display = "block";
  } else {
    isadmin[0].style.display = "none";
  }
</script>