首次加载页面时不会加载视频

Question

当我加载网站时，它不会加载视频，但是如果我按下徽标并再次加载index.html文件，它会很好地加载视频吗？

我的html是

 <video width="100%" height="500px" autoplay loop >
     <source src="/Website Banner.mp4" type="video/mp4"> 
 </video>

网站为nsnf.williammarks.co.uk

Answer 1

您的src缺少某些内容...“ /” ... 另外，请尝试仅使用小写字母作为文件标题。

<video width="100%" height="500px" autoplay loop>
<source src="/website/banner.mp4" type="video/mp4"> 
</video>

gl。

Answer 2

对我来说很好。也许这样做：

1-向视频元素添加ID：

<video id="myVid" width="100%" height="500px" autoplay loop >
    <source src="/Website Banner.mp4" type="video/mp4"> 
</video>

2-在末尾添加脚本：

<script>
    document.getElementById("myVid").play()
</script>