教程集 > 前端编程 > HTML5教程 > 正文分享一个简单的HTML5 视频嵌入实例代码

分享一个简单的HTML5 视频嵌入实例代码

发布时间：2020-07-25 编辑：jiaochengji.com

教程集为您提供分享一个简单的HTML5 视频嵌入实例代码等资源，欢迎您收藏本站，我们将为您提供最新的分享一个简单的HTML5 视频嵌入实例代码资源

这是HTML5嵌入视频的简单方法，可以然你快速的将视屏嵌入

<!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&amp;image=PLACEHOLDER_FILE_NAME.jpg&amp;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 视频嵌入实例代码
 关于HTML5中video标签浏览器兼容性增强的方案分享
 HTML5 video 实现浏览器兼容的方法
 html5中video（视频）元素的分析
 分享h5调用摄像头实现拍照的实例教程
 HTML5嵌入音频和视频的方法
 H5可以用来干什么？
html5播放视频教程
 分享一个video标签无法播放mp4的问题以及解决方案
 html5是什么？html5的介绍以及优缺点总结

上一篇：分享HTML5 Canvas画印章效果实例代码下一篇：怎么制作一个H5响应式网站？

[关闭]

分享一个简单的HTML5 视频嵌入实例代码

最近更新

浏览排行