Question

我为我们网站的标题创建了一个HTML视频。它的确运行良好，但有时在移动或首次访问者时，它会保持黑屏状态（类似于加载屏幕）。

有时1次刷新可以解决此问题，有时还需要一些刷新。

您有什么建议可以使这项工作更加频繁吗？

此处提供代码：

    <style>
    #myVideo {
    position: relative;
    min-width: 100%; 
    min-height: 100%;
    width:100vw;
    object-fit: fill;
}

.overlay {
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: black;
    opacity: .05;
}</style>
<body>
<div class="overlay"></div>
<!-- The video -->
<video autoplay="" muted="" loop="" playsinline="" preload="auto" id="myVideo">
  <source src="video/video.mp4" type="video/mp4">
</video>
</body>

Answer 1

您的问题是您的autoplay，load和其他布尔属性被错误地声明/未声明。如果要做要自动播放视频，则必须执行以下操作之一：autoplay本身或autoplay="autoplay"。对所有布尔属性（autoplay，muted，loop和playsinline）执行此操作，视频就可以正常工作。

ALSO ：如果您不希望发生这些操作（您不希望它自动播放等）。然后完全删除该属性。

<video>不在第一次加载时播放

1 个答案: