在网页设计中,我们常常可以看到视频播放的界面,其实我们完全可以自己来设计。那么在网页中怎么添加视频播放器呢?下面就随我一起进行实际操作吧。
工具/原料
1
软件:Editplus
2
演示浏览器:Edge浏览器
第一种方法:如果播放自己录制的视频
1
第一步:首先新建一个网页文件,并编写一个div标签用来存放视频的位置。
2
第二步:给div标签进行样式的编写,既规定视频的宽和高。
3
第三步:因为是播放自己录制的视频,因此需要使用HTML5标签中的video标签。
4
第四步:注意录制的视频最好是mp4格式的。编写完成后,在浏览器中进行查看。
第二种方法:引用视频网站的视频
1
第一步:引用视频网站的视频相对来说比较简单。先打开一个视频网站的视频。
2
第二步:在视频的下方找到“分享”,点击后复制HTML代码或者复制通用代码。
3
第三步:打开网页文件,将复制的HTML代码或者通用代码粘贴到div标签的中间。
4
第四步:保存后在浏览器中进行浏览。
5
总结:1两种方法可以在网页中播放视频2第一种方法就是自己录制的视频进行播放的画要添加video标签3如果是引用视频网站的视频的话,点击某个视频播放界面4在视频下面找到“分享”,复制html代码或者通用代码5将复制的代码粘贴到div标签中即可
注意事项
tips:自己录制的视频格式最好是mp4格式