学习html5的video标签

惯例：

我是温浩然：

转载文章要标注转载来源：

http://www.w3school.com.cn/tags/tag_video.asp

HTML <video> 标签

实例

一段简单的 HTML5 视频：

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>

亲自试一试

浏览器支持

IE	Firefox	Chrome	Safari	Opera

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <video> 标签。

注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。

定义和用法

<video> 标签定义视频，比如电影片段或其他视频流。

HTML 4.01 与 HTML 5 之间的差异

<video> 标签是 HTML 5 的新标签。

提示和注释

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性

new : HTML5 中的新属性。

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

全局属性

<video> 标签支持 HTML 中的全局属性。

事件属性

<video> 标签支持 HTML 中的事件属性。

视频-html5的video标签不能再苹果手机中播放是怎么回事

问题描述 html5的video标签不能再苹果手机中播放是怎么回事我在页面中使用video标签,电脑浏览器和安卓的都能正常播放,在ios下面只播放了5秒让后页面就一直卡住过不去了,是新版的ios不支持video标签了吗,还是ios下要改动兼容性,下面是我的简写代码... <video width="600" height="450" controls="controls" preload="preload" poste

html5-关于HTML5中video标签的问题

问题描述关于HTML5中video标签的问题在HTML5里边用了video标签,在本地测试时挺好的,但是部署到tomcat上再运行的话视频就无法播放了,这是问什么啊?下面是代码 <!DOCTYPE HTML> 首页解决方案是不是路径的问题.. 解决方案二: html5中video标签html5标签videoHTML5新特性(1) 标签

html5 用video标签播放mp4格式的视频有些能放出来有些放不出来是怎么回事啊？

问题描述 html5 用video标签播放mp4格式的视频有些能放出来有些放不出来是怎么回事啊? html5 用video标签播放mp4格式的视频有些能放出来有些放不出来是怎么回事啊? 用转换器把视频编码格式转成了H264 音频编码专成了 AAC 也还是放不出来解决方案播放不出来,应该是格式有问题,具体可参考:http://www.w3school.com.cn/html5/html_5_video.asp

html5的video标签如何能统计视频播放次数

问题描述 html5的video标签如何能统计视频播放次数我想做一个播放一次就把播放次数加一的并存到数据库怎么搞的???????? 解决方案你需要一种服务器编程语言比如asp或者jsp,在返回页面的时候实现记录并且累加到数据库的功能. 解决方案二: 我就是用的jsp我是想問如何做到準確的統計播放一次就加一次,在什麼地方觸發

HTML5 video标签（播放器）学习笔记（一）:使用入门

HTML5 video标签(播放器)学习笔记(一):使用入门近有在学习html5中video标签(播放器)的使用,这里做一些学习笔记,方便自己查阅和记录,本文是第一篇,将介绍的是使用该标签初始化该做的哪些工作. 网上的教程其实也不少了 w3cschool里面的最为简单而详细,那么这几介绍的是一些更为直接的应用. 本文目录: 1.使用标签 2.加上一些必要参数 3.自动播放或自动加载 4.规范播放器第一步:使用标签使用的方法很简单,就是一句代码: 代码如下: <video></vi

html5 video标签切换视频问题

问题描述 html5 video标签切换视频问题现在想实现这么一个功能: html5 video标签在播放视频过程中,点击按钮切换到另一个视频资源,并跳到上一个视频的时间点. 比如,A视频播放到3分15秒,点击某一个按钮后,播放B视频,且从4分15秒开始播. 不知道为什么,PC上没有问题,可以正常跳转.但是移动端就会出问题,尤其是安卓客户端,都是从头开始播. 求大神解救! 以下是部分代码: <video id=""my_video_id"" class=&q

HTML5视频video开发demo例子

HTML5的video可以使用DOM的方式进行控制.video元素同样拥有方法.属性和事件. 比如它拥有的方法用于播放.暂停以及加载等.其中的属性(比如时长.音量等)可以被读取或设置. 其中的 DOM 事件能够通知您,比方说,video元素开始播放.已暂停,已停止,等等. 废话少说了,看下面的实例吧. 为视频创建简单的播放/暂停以及调整尺寸控件: <!DOCTYPE html> <html> <body> 欢迎大家关注我的博客!如有疑问,请加QQ群:135430763共

HTML5视频video

直到现在,仍然不存在一项旨在网页上显示视频的标准. 目前,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 video 元素来包含视频的标准方法. 当前HTML5只支持三种格式的视频. 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No 注: Ogg =

html5-HTML5的video标签支持哪些网络协议？RTSP应该不支持吧

问题描述 HTML5的video标签支持哪些网络协议?RTSP应该不支持吧 HTML5的video标签支持哪些网络协议?RTSP应该不支持吧解决方案应该和协议无关,和你的格式和视频编码有关.不同浏览器支持的视频格式不一样.不是说一个video就可以播放所有的格式,如wav格式的音频就firefox支持解决方案二: 我主要希望了解如何能通过html5获取流媒体服务器的视频文件,视频格式其次.