本文摘自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 视频嵌入实例代码的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
HTML5表单相关元素和属性
下载新浪微博视频和秒拍视频的方法
canvas画直角坐标系
如何获取微信小程序登录的session？（详细）
前端HTML5几种存储方式的总结
HTML5 canvas画布详解（一）
自定义实现可以播放暂停、进度拖拽、音量控制及全屏的h5播放器
HTML5中video标签无法播放mp4问题的解决办法
HTML5的表单中关于所有type类型的详细介绍
HTML5 history模式是什么
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » 分享一个简单的HTML5 视频嵌入实例代码
