Web前端-Web开发HTML基础7-video

一. 基础
1. 写一个video标签，播放"../video/video1.mp4"；
2. 写一个video标签，播放"../video/video2.mp4"；
3. 写一个video标签，播放"../video/video3.mp4"；
4. 写一个video标签，播放"../video/video1.mp4"，第二第三考虑"../video/video1.webm"和"../video/video1.ogg"，最后显示"Sorry"；
5. 写一个video标签，播放"../video/video2.mp4"，第二第三考虑"../video/video2.webm"和"../video/video2.ogg"，最后显示"Sorry"；
6. 写一个video标签，播放"../video/video3.mp4"，第二第三考虑"../video/video3.webm"和"../video/video3.ogg"，最后显示"Sorry"；
7. 写一个video标签，播放"../video/video1.mp4"，当无法加载视频时，执行函数f1()；
8. 写一个video标签，播放"../video/video2.mp4"，当无法加载视频时，执行函数f2()；
9. 写一个video标签，播放"../video/video3.mp4"，当无法加载视频时，执行函数f3()；
二. 提高
1. video标签容易忘写的东西是_________________；
2. video标签容易忘写的东西是_________________；
3. video标签有结束标签嘛？
4. video标签有结束标签嘛？
5. source标签有结束标签嘛？
6. source标签有结束标签嘛？

一. 基础
1. <video controls>
<source src="../video/video1.mp4" type="video/mp4">
</video>
2. <video controls>
<source src="../video/video2.mp4" type="video/mp4">
</video>
3. <video controls>
<source src="../video/video3.mp4" type="video/mp4">
</video>
4. <video controls>
<source src="../video/video1.mp4" type="video/mp4">
<source src="../video/video1.webm" type="video/webm">
<source src="../video/video1.ogg" type="video/ogg">
Sorry
</video>
5. <video controls>
<source src="../video/video2.mp4" type="video/mp4">
<source src="../video/video2.webm" type="video/webm">
<source src="../video/video2.ogg" type="video/ogg">
Sorry
</video>
6. <video controls>
<source src="../video/video3.mp4" type="video/mp4">
<source src="../video/video3.webm" type="video/webm">
<source src="../video/video3.ogg" type="video/ogg">
Sorry
</video>
7. <video οnerrοr="f1()" controls>
<source src="../video/video1.mp4">
</video>
8. <video οnerrοr="f2()" controls>
<source src="../video/video2.mp4">
</video>
9. <video οnerrοr="f3()" controls>
<source src="../video/video3.mp4">
</video>
二. 提高
1. controls
2. controls
3. video标签有结束标签
4. video标签有结束标签
5. source标签没有结束标签
6. source标签没有结束标签

原文地址：https://blog.csdn.net/a15735748145a/article/details/140471751

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！