HTML5：新增多媒体，不可错过
HTML5引入了一些新的多媒体元素，如<video>和<audio>，以简化多媒体内容的嵌入。以下是一个简单的HTML5 <video>元素示例，它加载了一个MP4视频文件，并提供了播放和暂停的按钮：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video Example</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 onclick="playPause()">
<script>
function playPause() {
var video = document.getElementById("myVideo");
if (video.paused) {
video.play();
} else {
video.pause();
}
}
</script>
</button>
</body>
</html>在这个例子中，<video>元素有一个controls属性，它提供了播放、暂停和音量控制的默认播放器界面。<source>元素指定了视频文件的路径和类型。playPause()函数通过检查视频是否已暂停来切换播放和暂停状态。这个简单的例子展示了如何使用HTML5和JavaScript来创建一个视频播放器的基本控制功能。
评论已关闭