001-视频 video

 1 <!DOCTYPE HTML>
 2 <html>
 3 <body>
 4
 5 <video width="320" height="240" controls="controls">
 6   <source src="movie.ogg" type="video/ogg">
 7   <source src="movie.mp4" type="video/mp4">
 8 Your browser does not support the video tag.
 9 </video>
10
11 </body>
12 </html>

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

时间： 2024-10-06 21:25:05

001-视频 video的相关文章

html5声频audio和视频video说明

现在已经掀起了html5热潮,本文来说明下html5声频audio和视频video 在html5中出现了一些新特性: * canvas 元素 * 视频 video 和声频audio 元素 : * 对本地离线存储(localStorage,sessionStorage)的支持 : * 新增特殊内容元素:article.footer.header.nav.section : * 新增表单控件: calendar.date.time.email.url.search . 今天

HTML5视频Video元素

一.视频文件格式 HTML5 支持三种视频文件格式(即编解码器).?1.Ogg Theora 使用的文件扩展名为 .ogg或 .ogv,支持它的浏览器包括 Firefox3.5+. Chrome 4+. Opera 10.5+ 以及Android 版 Firefox.?2.MP4(H.264)使用的文件扩展名为.mp4 或 .m4v,支持它的浏览器包括Safari 3.2+. Chrome 4-?(参见提示).Internet Explorer 9+.iOS(MobileSafari)

html5声频audio和视频video

html5作为下一代web标准,年前轩起了html5热潮.对于html5我只是本着了解看看.关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由.孰优孰劣,留给事实.时间来证明的. 在html5中出现了一些新特性: canvas 元素视频 video 和声频audio 元素 : 对本地离线存储(localStorage,sessionStorage)的支持 : 新增特殊内容元素:article.footer.head

popcorn-js视频Video框架简单用法

<div> <video class="video" id="ourvideobig" preload="auto" controls="controls"> <source src="/File/video/1.mp4" /> </video> </div> <script> //视频列表便于多个视频切换 var videos =

【转】Android 4.4中播放HTML5视频<video>的Bug

近期Nexus 4手机自动升级到Android4.4,本来挺好的一件事儿,结果发现自己的应用中出现一个Bug,应用中使用了Webview播放HTML5视频,代码如下: <video width="480" height="280" poster="test.jpg" src="test.mp4" preload="auto"></video> 在4.3版本之前播放正常,新版本中播放时

HTML5 音频audio 和视频video实用基础教程

1.音频(audio)<audio controls="controls"><source src="这里面放入音频文件路径"></source></audio>2.视频(video) <video controls="controls" loop="loop" autoplay="autoplay" id="video">&l

[转] Android 4.4中播放HTML5视频<video>的Bug

html5视频video积累

又是好几个月没有写东西,还是太懒散了~必须要教育下自己罗~ 这次做了个播放视频的移动H5,之前没有仔细玩过,好好记录下基本知识,还有遇到的一些坑,方便之后再次遇见后进行解决一.基本 video标签在兼容性上还是比较差的,如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE 9.Chrome),都不支持的(IE6.7.8).但是由于H5在移动设备上展现,基本都是使用webkit内

HTML5视频Video 音频Audio

视频协议视频格式 Flash HTML5 HTTP flv HTTP f4v HTTP mp4 HTTP m3u8 HTTP webm HTTP ogg RTMP flv RTMP f4v RTMP mp4 RTMP 直播流万能播放插件js ckplayerhttp://www.ckplayer.com/ m3u8是m3u的一种,是utf-8格式的,Apple 为了提高流播效率开发的技术,特点是将流媒体切分为若干 TS 片段(比如每10秒一段),然后通过一个扩展的 m3u 列表文件将这些 T

HTML 5 视频 -- video 元素

video 元素支持三种视频格式 IE Firefox Opera Chrome Safari 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 No 3.5+ 10.5+ 5.0+ No 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 9.0+ No No 5.0+ 3.0+ 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 No 4.0+ 10.6+ 6.0+ No 1.设置一个ogg格式的文件 <video src="mo