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

程序员文章站 2022-04-14 16:48:00

...

这是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的canvas和JavaScript创建一个绘图程序的简单实例

html5教程调用绘图api画简单的圆形代码分享

html5的画布canvas——画出简单的矩形、三角形实例代码

video.js 一个页面同时播放多个视频的实例代码

从vue基础开始创建一个简单的增删改查的实例代码(推荐)

使用JSP制作一个超简单的网页计算器的实例分享

css3加js做一个简单的3D行星运转效果实例代码

在Ubuntu上搭建一个基于webrtc的多人视频聊天服务实例代码详解

HTML5 视频播放(video),JavaScript控制视频的实例代码

原生js基于canvas实现一个简单的前端截图工具代码实例