播放视频

最新推荐文章于 2023-03-25 12:43:20 发布

静待花开︳

最新推荐文章于 2023-03-25 12:43:20 发布

阅读量253

点赞数

分类专栏： educoder Web前端文章标签：前端 html

本文链接：https://blog.csdn.net/weixin_52184490/article/details/121911083

版权

educoder 同时被 2 个专栏收录

51 篇文章 9 订阅

订阅专栏

Web前端

35 篇文章 2 订阅

订阅专栏

第1关：HTML5视频相关的概念

1、HTML5不支持的视频格式是( )。 D.flv

2、用于播放HTML5视频文件的元素是（）C.<video>

3、下列选项中，( )是safari浏览器支持的video B.mp4

4、下列选项中，不属于video元素的属性是（） A.load

5、video元素是HTML5中新增的视频元素，该元素的（）属性可以实现视频加载完成后自动播放。 A.autoplay

第2关：播放视频

任务描述

本关任务：编写一个播放指定视频的网页。

编程要求

在右侧编辑器中的Begin - End区域内补充代码，具体要求是： 1.使用HTML5的video元素添加一个视频播放器，在video元素的开始和结束标签之间添加说明文字"你的浏览器不支持该视频格式" 2.播放的视频文件URL为“https://www.educoder.net/api/attachments/1248122” 3.添加autoplay属性，使视频可以自动播放 4.设置视频播放器的宽度为450，高度为260。页面效果如下：

HTML5视频播放

测试说明

平台会对你编写的代码进行测试：补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

<!DOCTYPE html>
<html>
 <head>
    <meta charset="UTF-8" />
    <title>HTML5-视频</title>
 </head>
 <body>
   <h1 align="center">我和我的祖国</h1>
   <br/>
   <div align="center">
    <!-- ********* Begin ********* -->
     <video src="https://www.educoder.net/api/attachments/1248122"autoplay="autoplay"width="450"height="260"controls="controls">
     你的浏览器不支持该视频格式
     </video>   
       
     
    <!-- ********* End ********* -->
    </div>
 </body>
</html>

静待花开︳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
播放视频

第1关：HTML5视频相关的概念1、HTML5不支持的视频格式是( )。 D.flv2、用于播放HTML5视频文件的元素是（）C.<video>3、下列选项中，( )是safari浏览器支持的video B.mp44、下列选项中，不属于video元素的属性是（） A.load5、video元素是HTML5中新增的视频元素，该元素的（）属性可以实现视频加载完成后自动播放。 A.autoplay第2关：播放视频任务描述本关任务：编写一个播放指定视频...
复制链接

扫一扫