<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
上述代码包含了一个 <video> 元素,其中的 width 和 height 属性用于设置视频播放器的宽度和高度。controls 属性会在浏览器中显示视频播放器的控件,包括播放、暂停、音量等。<source> 元素用于指定视频文件的源和类型,可以提供多个 <source> 元素以便浏览器选择支持的第一个源。
如果浏览器不支持 <video> 元素,会显示 "Your browser does not support the video tag."。
如果你想通过 JavaScript 控制视频的播放,可以使用以下方式:
<video id="myVideo" width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button onclick="playVideo()">Play</button>
<button onclick="pauseVideo()">Pause</button>
<script>
var video = document.getElementById("myVideo");
function playVideo() {
video.play();
}
function pauseVideo() {
video.pause();
}
</script>
这里,通过给 <video> 元素设置一个 id,然后使用 JavaScript 获取该元素,并通过 play() 和 pause() 方法来控制视频的播放和暂停。
转载请注明出处:http://www.zyzy.cn/article/detail/12498/HTML5