2021-04-21 分类: 网站建设
大兼容浏览器 HTML5 视频,我们推荐你的视频编码转成如下HTML5视频格式,并在将它们嵌入到你的网页。
如果你只有一个 HTML5 视频文件嵌入到网页,您可以简单地链接到它的 src 属性
多个视频上面所提到的,是为了大的 HTML5 视频浏览器兼容性,我们需要3个不同版本的视频。 您可以在web页面中嵌入多个 HTML5 视频在HTML5 视频元素,例子:
源代码详见下面:
<video width="640" height="360" controls> <source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4" /> <source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm" /> <source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg" /> video>现在,让我们去将海报图片添加到HTML5视频。
<video poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" controls> <source src="http://www.html5videoplayer.net/videos/toystory.mp4" type="video/mp4" /> <source src="http://www.html5videoplayer.net/videos/toystory.webm" type="video/webm" /> <source src="http://www.html5videoplayer.net/videos/toystory.ogv" type="video/ogg" /> video>结果如下如何播放 HTML5 视频? 只需添加 autoplay=”autoplay” 或简单的autoplay 到 video 标签即可。 如下
<video autoplay="autoplay" poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" controls>或
<video poster="http://www.html5videoplayer.net/poster/toystory.jpg" width="640" height="360" autoplay controls>
分享文章:html5 嵌入视频
路径分享:/news26/109226.html
成都网站建设公司_创新互联,为您提供外贸建站、网站导航、网站排名、做网站、Google、网站营销
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容