用html制作视频网页（怎么在HTML网页中插入视频）
本文目录
怎么在HTML网页中插入视频
1、在vedio.html中加入以下核心代码：
《video width="320" height="240" controls》
《source src="movie.mp4" type="video/mp4"》
《source src="movie.ogg" type="video/ogg"》
《source src="movie.webm" type="video/webm"》
《object data="movie.mp4" width="320" height="240"》
《embed src="movie.swf" width="320" height="240"》
《/object》
《/video》
2、HTML 多媒体标签。
3、运行结果。
HTML网页中插入图片：
1、首先，通过TXT文档，创建一个网页的基本框架。
2、选择图片的格式。
3、单独创建一个文件夹，将图片资源放入其中。
4、在body中加入如下一行：
《img src="./test.jpg"》
5、双击该网页运行，便可看到网页中的图片。
html网页中怎么添加视频
第一步：首先下载video.js，百度一下就能找到。
第二步：先把要用到的js\css\swf都加载到html页面上。
第三步：加入下面的代码：
《video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"width="640"height="480"poster="video-js/my_video_poster.png" data-setup="{}"》
《source src="Wildlife.mp4" type=’video/mp4’》
《/video》
只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频。
第四步：然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能，比如字幕等，这个以后再写。
第五步：全屏后的效果：
一、html5和html有什么区别：
学了html5就不用学习html了，因为html5是html的升级。
二、如何做HTML页面：
下面是一个简单的HTML页面
《HTML》
《HEAD》我的第一个HTML页面《/HEAD》
《BODY》这就是HTML页面....《/BODY》
《/HTML》
复制上面代码到记事本中，然后将记事本的后缀名改为.html
大功告成！
html 页面视频 制作
是这样，这还不是HTML5的视频，这是用HTML4那古老的《object》《param/》《/object》实现的，视频可以下载。
更多文章：
2026年11月3日 18:10
2026年11月3日 17:40
2026年11月3日 16:40
2026年11月3日 16:30
2026年11月3日 15:20
2026年11月3日 13:00
2026年11月3日 12:10
2026年11月3日 12:00
2026年11月3日 11:40
2026年11月3日 11:30
