📅  最后修改于: 2023-12-03 15:41:34.052000             🧑  作者: Mango
在网站中,有时需要使视频播放结束后跳转到另一个页面。可以使用Javascript实现这个功能。
以下是实现此功能的步骤:
<video id="myVideo" controls>
<source src="path/to/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
const myVideo = document.getElementById('myVideo');
myVideo.addEventListener('ended', function() {
window.location.href = 'path/to/next/page.html';
});
这将在视频结束时将当前页面重定向到“下一页”的URL。将“path/to/next/page.html”替换为您实际想要的URL。
const myVideo = document.getElementById('myVideo');
myVideo.addEventListener('ended', function() {
myVideo.src = 'path/to/next/video.mp4';
myVideo.play();
});
这将在视频结束时将播放器的“src”属性更改为下一个视频的URL,并立即开始播放。
以上是JavaScript实现视频结束后加载另一个网页的介绍,希望对程序员有所帮助。
# 视频结束后加载另一个网页 - Javascript
在网站中,有时需要使视频播放结束后跳转到另一个页面。可以使用Javascript实现这个功能。
以下是实现此功能的步骤:
1. 在HTML文档中包含一个视频播放器,并为其设置一个唯一的ID。
```html
<video id="myVideo" controls>
<source src="path/to/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
const myVideo = document.getElementById('myVideo');
myVideo.addEventListener('ended', function() {
window.location.href = 'path/to/next/page.html';
});
这将在视频结束时将当前页面重定向到“下一页”的URL。将“path/to/next/page.html”替换为您实际想要的URL。
const myVideo = document.getElementById('myVideo');
myVideo.addEventListener('ended', function() {
myVideo.src = 'path/to/next/video.mp4';
myVideo.play();
});
这将在视频结束时将播放器的“src”属性更改为下一个视频的URL,并立即开始播放。
以上是JavaScript实现视频结束后加载另一个网页的介绍,希望对程序员有所帮助。