Web 上的视频
直到现在,仍然不存在一项旨在网页上显示视频的标准。
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
视频格式
当前,video 元素支持三种视频格式:
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
如何工作
如需在 HTML5 中显示视频,您所有需要的是:
引用
<video src="movie.ogg" controls="controls">
</video>
control 属性供添加播放、暂停和音量控件。
包含宽度和高度属性也是不错的主意。
<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的:
引用
<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>
上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。
要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:
引用
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Internet Explorer
Internet Explorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。
<video> 标签的属性
引用:http://www.3wschool.com.cn/
- 大小: 49.8 KB
- 大小: 17 KB
分享到:
相关推荐
H5的video标签跨域.HTML的video标签跨域 我们都知道HTML video标签能播放视频 但是如果你的video要播放的是非当前域名下的视频文件,这就要跨域播放视频, 应该如何实现呢?
HTML5视频播放video标签使用方法.docxHTML5视频播放video标签使用方法.docx
支持HTML5的一款视频播放插件,使用时在head里引入<link href=“./video-js.css” rel=”stylesheet”>和[removed][removed]这两个文件就可以使用了。主要用法如下: <video id=”my_video_1″ class=”...
html 中 video 标签视频边下边播处理工具,包括ffmpeg、qt-faststart、mp4info 等
Html5video标签访问网络摄像机实时监控.pdf
基于js的video标签视频播放插件; window.onload = function(){ oVdo = new Video({ name:"video", time:[ {"src":"./video/22.mp4","title":"shangjiahang@tinysoft"}, {"src":"./video/23.mp4","title":...
自定义美化HTML5 video视频播放器界面样式,漂亮的HTML5video视频界面
HTML5新增加的audio和video标签让我们增加了很多惊喜,可以让我们更方便的在网页中播放音频和视频。但目前很多浏览器不支持,无法在旧版的IE浏览器中使用。html5media.min.js却是一个能让这两个标签在各种新旧版IE...
基于video标签的HTML5视频播放器,你可学习一下HTML5中的Video标签用法,用它来创建支持视频播放的网页播放器非常便捷的。
一个移动端 H5 Video 标签播放视频的实现
Video.Show微软采用VS2008的最新技术实现的一个用户生成视频内容的网站。它提供一切您需要创建一个网站上载,编码,编目,出版和对视频进行评论,使用的的Windows Live Silverlight的,采用Silverlight流媒体编码器...
TMPGEnc Video Mastering Works 5使用详解,非常详细的使用指导。
1.Acrok Video Converter Ultimate 4.3.41.606 2.Anvsoft Any Video Converter Ultimate 5.9.9 3.Brorsoft Blu-ray Video Converter Ultimate 4.8.6.8 4.Pavtube Video Converter Ultimate 4.8.6.7 5.iDealshare ...
video标签播放m3u8格式视频流需要的hls.js文件,video标签播放m3u8格式视频流完整代码可在本人博客中查看
网页嵌入视频播放,用HTML5 video.js ,由于IE兼容性问题用了开源插件html5media,亲试可用
Video.js发布dist Video.js 7.6.0、video.min.js、video-js.min.css,下载可直接使用
C# 程序使用AForge.Video.FFMPEG 基于.Net framework V4.0 录制视频需要的关联类库。
H5(html5 video)视频播放禁止拖动进度条,不能快进,不能后退;微信公众号视频播放,视频播放后才能操作其他内容。 内含Java视频流播放,本人并不建议直接将视频路径放到src中,而是使用视频流方式获取
html5_3d视频video,请使用html5浏览器打开。
可以在视频任意时间点播放和暂停,html5 video js 分段播放视频 支持各主流浏览器,微信浏览器