// HTML部分
<video id="myVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
// JavaScript部分
const video = document.getElementById('myVideo');
// 播放视频
function playVideo() {
video.play();
}
// 暂停视频
function pauseVideo() {
video.pause();
}
// 调整音量
function setVolume(value) {
video.volume = value;
}
// 监听视频播放结束事件
video.addEventListener('ended', function() {
console.log('视频播放结束了');
});
// 解释说明:
// 1. HTML部分定义了一个带有控制条的视频元素,支持MP4格式的视频。
// 2. JavaScript部分通过getElementById获取视频元素,并提供了几个常用的操作函数:
// - playVideo: 播放视频
// - pauseVideo: 暂停视频
// - setVolume: 设置视频音量
// 3. 还添加了一个事件监听器,当视频播放结束时会触发,并在控制台输出提示信息。
上一篇:nodejs sqlite
下一篇:js subarray
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站