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

Question

我有这段代码可以在我的页面上播放视频，我想在 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>

Answer 1

在您的 javascript 文件中：

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

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

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

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

video.js starting video after 1 minute

javascript

php

video.js