网页中怎么添加视频播放器

2026-02-25 23:44:57

1、第一步:首先三各新建一个网页文件,并编写一个div标签用来存肤篇放视频的位置。

<div id="video" >  <欠慎言/div>

网页中怎么添加视频播放器

2、第二步:给div标签进行样式的编写,既规定视频的宽和高。

<style type="text/css">

#video{ width:800px; height:600px;background:#ffcccc;}

 </style>

网页中怎么添加视频播放器

3、第三步:因为是播放自己录制的视频,因此需要使用HTML5标签中的video标签。

 <div id="video" >

<video width="800" height="600" controls>

<source src="D:\1225.mp4" type="video/mp4">

</video>

</div>

网页中怎么添加视频播放器

4、第四步:注意录制的视频最好是mp4格式的。编写完成后,在浏览器中进行查看。

网页中怎么添加视频播放器

1、第一步:引用视频网站的视频相对来说比较简单。先打开一个视频网站的视频。

网页中怎么添加视频播放器

2、第二步:在视频的下方找到“分享”,点击后复制HTML代码或者复制通用代码。

网页中怎么添加视频播放器

3、第三步:打开网页文件,将复制的HTML代码或者通用代码粘贴到div标签的中间。

网页中怎么添加视频播放器

4、第四步:保存后在浏览器中进行浏览。

网页中怎么添加视频播放器

5、总结:

1两种方法可以在网页中播放视频

2第一种方法就是自己录制的视频进行播放的画要添加video标签

3如果是引用视频网站的视频的话,点击某个视频播放界面

4在视频下面找到“分享”,复制html代码或者通用代码

5将复制的代码粘贴到div标签中即可

猜你喜欢