时间戳

首页 > 解决方案 > 首次加载或刷新后视频未播放

html - 首次加载或刷新后视频未播放

问题描述

我在我的网站主页上发布的视频在第一次加载或刷新后没有播放，而在我从其他页面转到主页后播放。如果我将 muted 属性添加到 video 元素，问题可能会得到解决，但我确实希望播放背景音乐。下面是我的代码：

  componentDidMount() {
    document.getElementById("opening").play();
  }

  ......

  <video autoPlay id="opening">
    <source src={opening} type="video/mp4"></source>
  </video>

谢谢！

标签： htmlreactjshtml5-video

解决方案

我遇到了类似的问题。然后我做了这个。虽然它不是用户友好的，但在此之后它起作用了

   <video 
        src={require('../../resources/sampleVid.mp4')} 
        autoPlay = {false}
        controls = {true}
        loop = {true}
        muted = {false}
        className="flex justify-center mw7-ns"
    />

推荐阅读