video.js 1分钟后开始播放视频

问题描述

我有这段代码可以在页面上运行视频，我想在60秒后开始播放视频，但是我该怎么做？

                    <video id="video1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="720" height="576" poster="<?PHP echo $pic1; ?>" data-setup="{}">
            <source src="<?PHP echo $filename; ?>" type='video/mp4'>
            <track kind="chapters" src="<?PHP echo $chapters; ?>" srclang="en" label="English" default="default" >
            <p class="vjs-no-js">
              To view this video please enable JavaScript,and consider upgrading to a web browser that
              <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
            </p>
          </video>

解决方法

在您的javascript文件中：

const mainVideo = document.getElementById("video1");
let playVideoAfter = 60; // seconds

setTimeout(() => mainVideo.play(),playVideoAfter * 1000);

此代码选择视频，然后在60000毫秒（60秒）后调用视频的play（）函数

javascript video.js