在网页中使用HTML嵌入媒体播放器,可以使用<video>
标签或<audio>
标签,下面分别介绍这两种方法的详细步骤:
使用<video>
标签嵌入视频播放器
1、打开HTML文件,找到你想要插入视频的位置。
2、在该位置插入以下代码:
<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
3、修改代码中的宽度和高度属性,以适应你的网页布局,将宽度设置为640像素,高度设置为360像素:
<video width="640" height="360" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
4、修改代码中的src
属性,指向你要播放的视频文件,将视频文件名改为my_video.mp4
:
<video width="640" height="360" controls> <source src="my_video.mp4" type="video/mp4"> <source src="my_video.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
5、如果需要添加更多视频格式支持,可以继续添加<source>
标签,并指定不同的视频文件和格式,添加一个Ogg格式的视频文件:
<video width="640" height="360" controls> <source src="my_video.mp4" type="video/mp4"> <source src="my_video.ogg" type="video/ogg"> <source src="my_video.webm" type="video/webm"> 您的浏览器不支持Video标签。 </video>
6、保存HTML文件,然后在浏览器中打开该文件,你应该能看到嵌入的视频播放器以及可选的播放、暂停等控制按钮。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。