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

来源：互联网 2023-03-16 19:13:42 384

网页教案可以集成图文，超链接，动画，视频和测验小程序等，虽然很炫酷，但是必须自己学习代码，才能原创。

本经验介绍如何在HTML教案中插入视频，关于怎么用笔记本创立HTML文档和图片，可以参照相关经验引用。

1记事本写网页教案2-如何在HTML教案中插入图片

0记事本写网页教案1-浏览器能打开的不一样的教案

工具/原料

电脑

HTML教案中插入视频

建一个文件夹包括2个文件

1.任意一段命名为movie的MP4格式的视频

2.命名为shiping的空记事本文件

MP4格式视频可以用比较新的智能手机拍摄

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

打开记事本，写入如下代码：然后另存为.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语言的结束-->

————————————————————————————————

!-- 这是一段注释：--> 这个注释语句都是可要可不要，不要也不影响结果，但是新手建议还是要保留。

1记事本写网页教案2-如何在HTML教案中插入图片

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