html5的video标签

video标签时html5新标签;

video作用在html中,载入视频元素;

目前video支持三种格式:MP4、WebM、Ogg

浏览器
MP4
WebM
Ogg
Internet Explorer 9+
Y
N
N
Chrome 6+
Y
Y
Y
Firefox 3.6+
Y
Y
Y
Safari 5+
Y
N
N
Opera 10.6+
N
Y
Y

  • MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
  • WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
  • Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
可以在video之间放入文本,这样如果浏览器不支持video就会显示文本;

video的属性包括:controls、preload、loop、width、height、poster 、src、autoplay、muted

在js中可以通过获取html的方法获取video;

创建新的video标签可以用document.createElement(“video”);

video对象的属性,常用的有:

autoplay

buffered 返回表示视频已缓冲部分的 TimeRanges 对象。
controller 返回表示视频当前媒体控制器的 MediaController 对象。
controls 设置或返回视频是否应该显示控件(比如播放/暂停等)。
currentSrc 返回当前视频的 URL。
currentTime 设置或返回视频中的当前播放位置(以秒计)。
defaultMuted 设置或返回视频默认是否静音。
defaultPlaybackRate 设置或返回视频的默认播放速度。
duration 返回视频的长度(以秒计)。
ended 返回视频的播放是否已结束。
error 返回表示视频错误状态的 MediaError 对象。
height 设置或返回视频的 height 属性的值。
loop 设置或返回视频是否应在结束时再次播放。
muted 设置或返回是否关闭声音。
networkState 返回视频的当前网络状态。
paused 设置或返回视频是否暂停。
playbackRate 设置或返回视频播放的速度。
played 返回表示视频已播放部分的 TimeRanges 对象。
poster 设置或返回视频的 poster 属性的值。
preload 设置或返回视频的 preload 属性的值。
readyState 返回视频当前的就绪状态。
src 设置或返回视频的 src 属性的值。
volume 设置或返回视频的音量。
width 设置或返回视频的 width 属性的值。

video对象的方法有:

方法

addTextTrack()向视频添加新的文本轨道。
canPlayType()检查浏览器是否能够播放指定的视频类型。
load()重新加载视频元素。
play()开始播放视频。
pause()暂停当前播放的视频。

以上为video的一些知识,本人接触不是很多,希望可一对你们有帮助;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值