单击全屏模式时如何取消静音HTML 5视频

Question

我有一个HTML视频，在进入网站时自动播放静音，我想要实现的是，当用户点击控件上的全屏按钮时，视频将返回到开头并大声播放，任何想法？

Answer 1

我认为你有类似的东西：

<video autoplay muted controls ...>
  <source src="video.mp4" type="video/mp4">
  ...
</video>

您需要的是fullscreenchange事件处理程序：

var video = document.querySelector('video');
video.addEventListener(
  'fullscreenchange',
  function(e) {
    if (document.fullscreenEnabled) {
      video.muted = false;
      video.currentTime = 0;
    }
  }
);

有关Fullscreen API的详细信息，请查看此page。

注意：请记住供应商特定的前缀。