html5视频-启用手机屏幕超时

Question

我正在使用带有html5标签“视频”的页面作为视频背景。 即使在带chrome浏览器的android上，它也能很好地工作。 但是有一件事困扰着我：

在我的Android设备（Chrome浏览器）上，什么都不做时系统的屏幕超时不会启动。这可能是移动设备上的html5视频的预期功能-但是有没有办法再次激活屏幕超时？ 这只是一个很小的循环视频，应该只是一个很好的背景-无需禁用android的屏幕超时。

下面是一个小例子：

var video = document.querySelector("#video");

video.addEventListener('canplay', startVideo);
video.addEventListener('ended', startVideo);

function startVideo()
{
	video.play();
}

.video-wrapper
{
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.video
{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
}

.overlay
{
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: rgba(200, 200, 200, 0.7);
  z-index: 2;
}

<div class="video-wrapper">
  <video id="video" class="video" muted="muted">
    <source src="http://broken-links.com/tests/media/BigBuck.m4v">
  </video>
  
  <div class="overlay">
    <p>
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
    </p>
  </div>
</div>

谢谢