html中如何放视频

这篇文章主要介绍html中如何放视频，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了拜城免费建站欢迎大家使用！

在html中，可以使用“<video>”标签来插入视频，语法格式“<video src="视频文件url" controls></video>”。video标签元素支持三种视频格式：MP4、WebM、Ogg。

html插入视频

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<video src="movie.mp4" controls>
您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

效果图：

html中如何放视频

HTML5 <video> 标签

<video> 标签定义视频，比如电影片段或其他视频流。

可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。

<video> 标签中可以添加的属性

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	如果出现该属性，视频的音频输出为静音。
poster	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload	auto metadata none	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	URL	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

html中如何放视频

音频格式的 MIME 类型：

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

以上是“html中如何放视频”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

当前题目：html中如何放视频
本文URL：/article22/igpjcc.html

成都网站建设公司_创新互联，为您提供定制开发、定制网站、服务器托管、企业网站制作、云服务器、品牌网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容