HTML5提供了用于嵌入视频的标签,即<video>
标签。以下是创建视频播放器并设置相关属性的步骤:
<video>
标签。
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<p>Your browser does not support the video tag.</p>
</video>
在上面的示例代码中,视频的宽度和高度分别设置为640和360。控制器由controls
属性添加。视频有两个源文件,分别是video.mp4
和video.webm
,用于支持不同的浏览器和文件格式。如果浏览器不支持<video>
标签,将会显示
Your browser does not support the video tag.