HTML5播放器示例写法

HTML5播放器参数：

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

HTML5代码写法：

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
</video>

HTML5 + <object> + <embed> 代码写法：

<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
  <object data="movie.mp4" width="320" height="240">
    <embed src="movie.swf" width="320" height="240" />
  </object>
</video>

[ 视频安全 ] 相关原创文章

• 教育教学类视频如何处理加密与安全（组图）
• 防止360浏览器小窗下载视频
• 视频安全之视频播放密码功能(设置观看密码功能教程)
• 视频安全之授权播放和防录屏跑马灯
• 企业级微信视频直播如何设定观看白名单（设定手机观看白名单、授权观看直播）
• 在线教育网站如何更好的实现视频安全视频保护？
• 免费视频二维码的完整使用教程（适合小企业做微信视频宣传） 

[ 视频直播 ] 相关原创文章

• 云直播客户端4.0活动拍摄类直播与教学培训类直播测试
• 视频直播画中画效果（边角叠加、去背景、并列布局三种效果）
• 做视频直播时如何测试本地网络的上行带宽(网速测试)
• 在线导播台（网页导播台）混流效果
• 云课堂直播功能介绍，更贴合在线教育、企业内训的场景应用
• 微信公众号直播有哪些不一样的玩法？
• 企业年会活动常用的音频类、视频类工具软件

[ 视频存储与应用 ] 相关原创文章

• 企业网站如何插入第三方平台不带广告的宣传宣传片
• 最全的视频格式分类详解（那是相当的全面）
• FMS/wowza/red5/SRS流媒体服务器产品对比
• 无广告的免费视频存储空间并提供视频上传转码的功能，很不错的哦
• 说说视频编码格式、视频码率、视频帧率、分辨率的概念
• 免费视频存储平台（微云、百度网盘、谷歌硬盘、酷播云）的截图对比

[ 视频播放器 ] 相关文章

• HTML5倍数功能视频播放器（加速2倍，1.5倍播放）
• 去掉h5播放器中voide标签中的下载按钮
• blob用法实例:http地址的原理及生成方法
• 如何禁止视频在手机移动端页面中全屏播放

[ WebRTC ] 相关文章

• 企业级无延时直播来了，用了就回不去了（webRTC）
• rtmp直播和webrtc直播对比优劣何在?

[ 谷歌浏览器 ] 相关文章

• 谷歌5款插件推荐：谷歌工具类、翻译类扩展程序
• 10款好用的谷歌chrome浏览器插件、扩展程序，用起来很爽哦
• 提高效率：17款超赞的谷歌chrome浏览器插件、扩展程序

[ 微信公众号运营 ] 相关文章

• 公众号如何实现视频列表播放视频的功能
• 微信公众号推广的40个有效果的方法
• 在微信公众号中如何添加【自定义菜单】，原创图文教程
• 精心整理10个高逼格的优质素材（视频、图片）网站
• 在微信公众号中添加外部的链接图文教程
• 视频分享到微信完整教程（转发给微信好友、微信群、微信朋友圈）