这篇“html如何插入视频”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html如何插入视频”文章吧。

代码如下:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>video-亿速云(yisu.com)</title><style></style></head><body><videowidth="320"height="240"controls><sourcesrc="/statics/demosource/movie.mp4"type="video/mp4"><sourcesrc="/statics/demosource/movie.ogg"type="video/ogg">您的浏览器不支持HTML5video标签。</video></body></html>标签定义和使用说明

<video>标签定义视频,类似电源片段和其他视频流。

<video>目前为止支持三种视频格式:Ogg、WebM、MP4

浏览器MP4WebMOggInternet ExplorerYESNONOChromeYESYESYESFirefoxYES
从 Firefox 21 版本开始
Linux 系统从 Firefox 30 开始YESYESSafariYESNONOOperaYES
从 Opera 25 版本开始YESYES<video>可选属性属性值描述autoplayautoplay如果出现该属性,则视频在就绪后马上播放。controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。heightpixels设置视频播放器的高度。looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。mutedmuted如果出现该属性,视频的音频输出为静音。posterURL规定视频正在下载时显示的图像,直到用户点击播放按钮。preloadauto
metadata
none如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。srcURL要播放的视频的 URL。widthpixels设置视频播放器的宽度。

以上就是关于“html如何插入视频”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。