使用 元素的 playlist 属性，HTML5 可以创建播放列表，让视频按顺序播放。此外，HTML5 还支持视频预览，可以通过 元素的 poster 属性指定预览图像。
HTML5 创建播放列表
HTML5 提供了一种简单的方法来创建播放列表，让用户可以按顺序连续播放多个视频。要创建播放列表，可以使用 元素的 playlist 属性。
1
2
3
4
5
<video playlist>
<source src="video1.mp4" type="video/mp4">
<source src="video2.mp4" type="video/mp4">
<source src="video3.mp4" type="video/mp4">
</video>
登录后复制
当用户播放该视频时，视频将按顺序播放此播放列表中的视频。
HTML5 实现视频预览功能
立即学习“前端免费学习笔记（深入）”；
HTML5 还提供了视频预览功能，允许用户在播放视频之前预览其内容。要实现视频预览，可以使用 元素的 poster 属性。
1
2
3
<video poster="preview-image.jpg">
<source src="video.mp4" type="video/mp4">
</video>
登录后复制
在上述代码中，preview-image.jpg 是视频预览图像的文件名。当用户将鼠标悬停在视频上时，将显示此预览图像。
以上就是HTML5如何创建播放列表？ HTML5如何实现视频预览功能？的详细内容，更多请关注php中文网其它相关文章！