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

 时间:2024-10-11 04:24:21

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

工具/原料

电脑

HTML教案中插入视频

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

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

2、打开记事本,写入如下代码:然后另存为.h隋茚粟胫tml文档。——————————————————————————————<!DOCTYPE茑霁酌绡html><!--这是一段注释:这个标签表示HTML5语言--><html><!--这是一段注释:这个标签表示HTML语言的开始--><head><!--这是一段注释:这个标签表示头部信息的开始--><title>记事本写网页教案3-如何在HTML教案中插入视频</title><!--这是一段注释:这个标签会显示在浏览器顶部--></head><!--这是一段注释:这个标签表示头部信息的结束--><body><!--这是一段注释:这个标签表示主体信息的开始--><videowidth="320"height="240"controls="controls"><!--这是一段注释:这个标签表示播放视频的开始,视频显示限制为320*240,当然你可以更改成任意尺寸--><sourcesrc="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教案中插入视频

热门搜索
长毛狗图片 电影爱人 涩涩电影 自定义图片 幼儿园画画简单图片