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

作者：匿名字体：[增加减小] 来源：互联网时间：2018-12-03

本文主要包含HTML5 ，视频等相关知识,匿名希望在学习及工作中可以帮助到您

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/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 视频嵌入实例代码的详细内容，更多请关注微课江湖其它相关文章！

您可能想查找下面的文章:

2018-12-03HTML5实战与剖析之原生拖拽(三dataTransfer对象)
2018-12-03HTML5 Canvas中绘制椭圆的4种方法_html5教程技巧
2018-12-03混合移动开发框架详解
2018-12-03解析HTML5应用程序缓存Application Cache
2018-12-03什么是校验功能？校验功能实例用法汇总
2018-12-03HTML5实战与剖析之媒体元素(3、媒体元素的事件及方法)
2017-08-06Html5无刷新修改browser Url的方法
2018-12-03H5学习之旅-H5的新特性（1）
2018-12-03微信端h5页面如何调用分享页面的接口
2018-12-03H5的CanvasAPI怎样绘制图形

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

您可能想查找下面的文章:

相关文章

文章分类

最近更新的内容