Html5视频播放器代码-远方教程

　　我们知道，网页版播放器代码，在智能手机上不能用。这个问题可以用html5来解决。下面，分享一段HTML5视频播放器代码:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Video Player</title>
</head>
<body>
<section id="player">
<video id="media" width="720" height="400" controls>
<source src="http://minkbooks.com/content/trailer.mp4">
<source src="http://minkbooks.com/content/trailer.ogg">
</video>
</section>
</body>
</html>

Html5视频播放器代码-远方教程

代码解释：

HTML5 video标签的新属性:

autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height pixels 设置视频播放器的高度。
loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted muted 规定视频的音频输出应该被静音。
poster URL 规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src url 要播放的视频的 URL。
width pixels 设置视频播放器的宽度。