本文摘自PHP中文网，作者零下一度，侵删。
这是HTML5嵌入视频的简单方法，可以然你快速的将视屏嵌入
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.php.cn/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>HTML5 Video Demo</title>
</head>
<body>
<p style="width: 667px; margin: 0 auto;">
<video width="667" height="375" controls>
<source src="FILE_NAME.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="FILE_NAME.ogv" type="video/ogg" />
<object width="667" height="375" type="application/x-shockwave-flash" data="FILE_NAME.swf">
<param name="movie" value="FILE_NAME.swf" />
<param name="flashvars" value="controlbar=over&image=PLACEHOLDER_FILE_NAME.jpg&file=FILE_NAME.mp4" />
<img src="PLACEHOLDER_FILE_NAME.jpg" width="250" height="152" alt="ALT_HERE" title="TITLE_HERE" />
</object>
</video>
</p>
</body>
</html>
|
以上就是分享一个简单的HTML5 视频嵌入实例代码的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
h5的之sse服务器发送事件eventsource详解
HTML5不常用标签可以怎么使用？
HTML5中localstorage本地存储的示例
什么是html语义化？html语义化的好处（总结）
HTML5设置视频背景的方法介绍
字符编码是什么？HTML5如何设置字符编码？
关于HTML5 input placeholder 的颜色修改
HTML5 canvas基本绘图之绘制矩形的示例代码详解
HTML5web存储实例代码
HTML5 video标签的属性、方法和事件汇总介绍
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 分享一个简单的HTML5 视频嵌入实例代码
