如何在视频前播放介绍?视频.js

Question

是否可以先播放介绍，然后再播放视频？

用户点击播放按钮，播放页面介绍，完成后播放实际视频。Intro是一个典型的.mp4文件。

Answer 1

您可以监听ended事件并交换src:

const video = document.querySelector('video');
video.addEventListener('ended', () => {
video.setAttribute('src', 'https://node-images-test.s3.eu-west-2.amazonaws.com/Pexels+Videos+2292093.mp4')
})

video {
width: 500px
}

<video src="https://node-images-test.s3.eu-west-2.amazonaws.com/pointing_grey.mp4" controls></video>