HTML5新增的video标签配合原生js，实现视频案例！，【面试必备
HTML5的<video>标签可以用来在网页上播放视频，原生JavaScript可以用来控制视频的播放、暂停等。以下是一个简单的视频播放器示例：
HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Player</title>
</head>
<body>
<video id="myVideo" width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button id="playButton">Play</button>
<button id="pauseButton">Pause</button>
<script>
// JavaScript code here
</script>
</body>
</html>JavaScript部分：
document.addEventListener('DOMContentLoaded', function() {
var myVideo = document.getElementById('myVideo');
var playButton = document.getElementById('playButton');
var pauseButton = document.getElementById('pauseButton');
playButton.addEventListener('click', function() {
myVideo.play();
});
pauseButton.addEventListener('click', function() {
myVideo.pause();
});
});在这个例子中，我们定义了一个<video>元素和两个按钮，一个用于播放视频，一个用于暂停视频。通过JavaScript，我们为播放和暂停按钮添加了事件监听器，当用户点击按钮时，对应的视频方法play()和pause()会被调用。这样就实现了一个简单的视频播放器功能。
评论已关闭