HTML视频：视频播放网页

A cup of tea.

于 2021-03-16 23:48:50 发布

阅读量2.2w

点赞数 20

分类专栏： # Web技术应用基础-HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_45823118/article/details/114907302

版权

这HTML视频：视频播放网页

任务描述
相关知识
任务要求

任务描述

本关任务是编写一个在线播放的视频网页，你将通过本关学习HTML播放视频的多种方式。

本关网页显示效果如下图所示：
在这里插入图片描述

相关知识

使用HTML5 video元素播放

我们可以使用 HTML5 <video> 元素来进行播放。通常我们可以配合加入<object>和<embed>。

例如：

<video width="550" controls="controls">
        <source src="./video/Sail-Away.mp4" type="video/mp4" />
        <source src="./video/Sail-Away.ogv" type="video/ogv" />
        <source src="./video/Sail-Away.webm" type="video/webm" />
        <object data="./video/Sail-Away.mp4" width="320" height="240">
        <embed src