记事本写网页教案3-如何在HTML教案中插入视频

时间:2024-10-13 01:13:22

网页敖疼熘涝教案可以集成图文,超链接,动画,视频和测验小程序等,虽然很炫酷,但是必须自己学习代码,才能原创。本经验介绍如何在HTML教案中插入视频,关于怎么吹涡皋陕用笔记本创立HTML文档和图片,可以参照相关经验引用。

工具/原料

电脑

HTML教案中插入视频

1、建一个文件夹包括2个文件1.任意一段命名为movie的MP4格式的视频2.命名为shiping的空记事本文件MP4格式视频可以用比较新的智能手机拍摄

记事本写网页教案3-如何在HTML教案中插入视频

2、打开记事本,写入如下代码:然后另存为.html文档。——————————————————————————————<!DOCTYPE 茑霁酌绡html> <!-- 这是一段注释 :这个标签表示HTML5语言--><html> <!-- 这是一段注释 :这个标签表示HTML语言的开始--><head> <!-- 这是一段注释 :这个标签表示头部信息的开始--><title>记事本写网页教案3-如何在HTML教案中插入视频</title><!-- 这是一段注释 :这个标签会显示在浏览器顶部--></head> <!-- 这是一段注释 :这个标签表示头部信息的结束--><body> <!-- 这是一段注释 :这个标签表示主体信息的开始--><video width="320" height="240" controls="controls"><!-- 这是一段注释 :这个标签表示播放视频的开始,视频显示限制为320*240,当然你可以更改成任意尺寸--> <source src="movie.mp4" type="video/mp4" /><!-- 这是一段注释 :这个标签表示视频的地址--></video> <!-- 这是一段注释 :这个标签表示播放视频的结束--></body> <!-- 这是一段注释 :这个标签表示主体信息的结束--></html> <!-- 这是一段注释 :这个标签表示HTML语言的结束-->————————————————————————————————<!-- 这是一段注释 :--> 这个注释语句都是可要可不要,不要也不影响结果,但是新手建议还是要保留。

记事本写网页教案3-如何在HTML教案中插入视频
记事本写网页教案3-如何在HTML教案中插入视频

3、用win10自带的edge或者IE浏览器打开shiping.html

记事本写网页教案3-如何在HTML教案中插入视频

4、win10自带的edge或者IE浏览器都可以正常播放视频注意:不支持HTML5的浏览器可能不能正常播放,但这种情况将越来越少。

记事本写网页教案3-如何在HTML教案中插入视频
记事本写网页教案3-如何在HTML教案中插入视频
© 手抄报圈