📅  最后修改于: 2023-12-03 15:31:18.915000             🧑  作者: Mango
HTML5是一种用于创建Web页面的标准语言。其中,HTML5的视频播放器是一种能够方便地在网页中嵌入视频的技术。
不需要安装任何插件或者播放器,只需要浏览器支持HTML5就可以看到视频。
能够支持多种媒体格式,如webm、mp4、ogg等。
可以自定义控制条,包括暂停、播放、快进、快退、音量等。
支持全屏播放。
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
</video>
其中,width
和height
为视频播放器的宽度和高度,controls
表示显示播放器的控制条。source
标签中的src
表示视频地址,type
表示视频格式。
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
<p>Your browser does not support HTML5 video.</p>
<div>
<button onclick="playPause()">Play/Pause</button>
<button onclick="makeBig()">Big</button>
<button onclick="makeSmall()">Small</button>
<button onclick="makeNormal()">Normal</button>
<button onclick="stop()">Stop</button>
</div>
</video>
<p>Your browser does not support HTML5 video.</p>
表示如果浏览器不支持HTML5视频,则会显示该段文字。<div>
标签中是自定义控制条的按钮。
HTML5视频播放器是一种方便地在网页中嵌入视频的技术。它能够支持多种媒体格式,而且不需要安装任何插件或者播放器。如果需要自定义控制条,我们可以添加自己的JavaScript代码实现。