Video pause() 方法
Video 对象
实例
带有播放和暂停按钮的一段视频:
var x = document.getElementById(“myVideo”);
function playVid()
{ x.play(); }
function pauseVid() {
x.pause(); }
定义和用法
pause() 方法停止(暂停)当……继续阅读 »
2年前 (2022-09-04) 149浏览 0评论
0个赞
HTML <video> 标签
实例
播放录像:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg&quo……继续阅读 »
2年前 (2022-09-04) 193浏览 0评论
0个赞
Video play() 方法
Video 对象
实例
带有播放和暂停按钮的一段视频:
var x = document.getElementById(“myVideo”);
function playVid()
{ x.play(); }
function pauseVid() {
x.pause(); }
定义和用法
play() 方法开始播放当前的音频……继续阅读 »
2年前 (2022-09-04) 142浏览 0评论
0个赞
Video canPlayType() 方法
Video 对象
实例
检测您的浏览器是否能播放不同类型的视频:
var
x = document.createElement(“VIDEO”);isSupp = x.canPlayType(vidType+’;codecs=”‘+codType+'”‘);
定义和用法
canP……继续阅读 »
2年前 (2022-09-04) 117浏览 0评论
0个赞
Video load() 方法
Video 对象
实例
更改视频资源,并重新载入视频:
document.getElementById(“mp4_src”).src = “movie.mp4”;
document.getElementById(“ogg_src”).src = “movie.ogg”;
docume……继续阅读 »
2年前 (2022-09-04) 215浏览 0评论
0个赞
Video addTextTrack() 方法
Video 对象
实例
向视频添加一个新的文本轨道:
var
x = document.getElementById(“myVideo”);var y = x.addTextTrack(“caption”);
y.addCue(new TextTrackCue(“Test text”, 01……继续阅读 »
2年前 (2022-09-04) 107浏览 0评论
0个赞
Video volume 属性
Video 对象
实例
将视频音量设置为 20%:
document.getElementById(“myVideo”).volume = 0.2;
定义和用法
volume 属性设置或返回视频的当前音量,从 0.0 (静音) 到 1.0 (最大声)。
注意: <video> 元素是 HTML5 新增的。
浏览器支持
所有主流浏……继续阅读 »
2年前 (2022-09-04) 154浏览 0评论
0个赞
Video width 属性
Video 对象
实例
修改视频播放器的宽度:
document.getElementById(“myVideo”).width = “500”;
定义和用法
width 属性用于设置或返回视频播放器的宽度。
width 属性描述了视频播放器的宽度,以像素计。
提示:规定视频的高度和宽度是一个好习惯。如果设置这些属性,在页面加载……继续阅读 »
2年前 (2022-09-04) 124浏览 0评论
0个赞
Video videoTracks 属性
Video 对象
实例
获得可用视频轨道的数量:
var x =
document.getElementById(“myVideo”).videoTracks.length;
定义和用法
videoTracks 属性返回 VideoTrackList 对象。
VideoTrackList 对象表示视频的可用视频轨道。
VideoTrack 对……继续阅读 »
2年前 (2022-09-04) 144浏览 0评论
0个赞
Video startDate 属性
Video 对象
实例
获得视频的当前时间线偏移:
var x =
document.getElementById(“myVideo”).startDate;
定义和用法
startDate 属性返回 Date 对象,表示视频的当前时间线偏移。
startDate 属性用于获得经由因特网的精确的视频流同步。
浏览器支持
所有主流浏览器都不支……继续阅读 »
2年前 (2022-09-04) 153浏览 0评论
0个赞
Video textTracks 属性
Video 对象
实例
获得可用文本轨道的数量:
var x =
document.getElementById(“myVideo”).textTracks.length;
定义和用法
textTracks 属性返回 TextTrackList 对象。
TextTrackList 对象表示音频/视频的可用文本轨道。
每条可用的文本轨道是由 ……继续阅读 »
2年前 (2022-09-04) 149浏览 0评论
0个赞
Video src 属性
Video 对象
实例
改变视频的 URL:
document.getElementById(“myVideo”).src = “mov_bbb.ogg”;
定义和用法
src 属性设置或返回视频的 src 属性值。
src 属性描述了视频文件的位置 (URL) 。
浏览器支持
所有主流浏览器都支持 src 属性,但是不是所有……继续阅读 »
2年前 (2022-09-04) 184浏览 0评论
0个赞
Video seeking 属性
Video 对象
实例
显示出用户是否正在视频中寻址:
var x = document.getElementById(“myVideo”);document.getElementById(“mySpan”).innerHTML=(“Seeking:
” + x.seeking);
x 输出值为:
Se……继续阅读 »
2年前 (2022-09-04) 124浏览 0评论
0个赞
Video seekable 属性
Video 对象
实例
获得首个以秒计的视频可寻址范围(部分):
var x = document.getElementById(“myVideo”);document.getElementById(“demo”).innerHTML
= “Start: ” + x.seekable.start(0)+ ……继续阅读 »
2年前 (2022-09-04) 103浏览 0评论
0个赞
Video preload 属性
Video 对象
实例
查看页面一旦加载是否开始加载视频:
var x = document.getElementById(“myVideo”).preload;
x输出结果为:
none //页面加载时,视频不应该被加载
定义和用法
preload 属性用于设置或者返回视频 preload 属性值。
preload 属性设置或返回是否在页面加……继续阅读 »
2年前 (2022-09-04) 144浏览 0评论
0个赞
Video readyState 属性
Video 对象
实例
获得视频的就绪状态:
var x = document.getElementById(“myVideo”).readyState;
document.getElementById(“demo”).innerHTML = x;
x 输出结果为:
4 // 表示有足够的数据可以开始播放
定义和用法……继续阅读 »
2年前 (2022-09-04) 3322浏览 0评论
0个赞
Video poster 属性
Video 对象
实例
修改当前视频数据在无效时显示的图片:
document.getElementById("myVideo").poster="/images/logo2.png";
定义和用法
poster 属性用于设置或返回视频的 poster 属性值。
poster 属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果……继续阅读 »
2年前 (2022-09-04) 151浏览 0评论
0个赞
Video playbackRate 属性
Video 对象
实例
将视频设置为慢速播放:
document.getElementById(“myVideo”).playbackRate = 0.5;
定义和用法
playbackRate 属性设置或返回视频的当前播放速度。
浏览器支持
所有主流浏览器都支持 playbackRate 属性
注意: Internet Explore……继续阅读 »
2年前 (2022-09-04) 135浏览 0评论
0个赞
Video played 属性
Video 对象
实例
获得视频中以秒计的首段已播放的范围(部分):
var x = document.getElementById(“myVideo”);document.getElementById(“demo”).innerHTML
= “Start: ” + x.played.start(0) + &……继续阅读 »
2年前 (2022-09-04) 132浏览 0评论
0个赞
Video paused 属性
Video 对象
实例
查看视频是否已暂停:
var x = document.getElementById(“myVideo”).paused;
x 输出结果为:
true
定义和用法
paused 属性返回视频是否已暂停。
注意: 该属性为只读属性。
浏览器支持
所有主流浏览器都支持 paused 属性
注意: Internet Explor……继续阅读 »
2年前 (2022-09-04) 117浏览 0评论
0个赞
Video muted 属性
Video 对象
实例
关闭视频的声音:
document.getElementById(“myVideo”).muted = true;
定义和用法
muted 属性设置或返回视频是否应该被静音(关闭声音)。
该属性反映了 <video> muted 属性。
属性存在时,它描述了视频输出状态为静音。
注意: <video>……继续阅读 »
2年前 (2022-09-04) 130浏览 0评论
0个赞
Video networkState 属性
Video 对象
实例
获得视频的当前网络状态:
var x = document.getElementById(“myVideo”).networkState;
x 输出结果为:
1 // 视频是有效的且已经选取了资源,没有使用网络
定义和用法
networkState 属性返回音频/视频的当前网络状态。
浏览器支持
所有主流浏……继续阅读 »
2年前 (2022-09-04) 190浏览 0评论
0个赞
Video mediaGroup 属性
Video 对象
实例
为两段视频设置媒体组合:
var
x = document.getElementById(“myVideo1”);var y = document.getElementById(“myVideo2”);
x.mediaGroup = “test”;y.mediaGroup =……继续阅读 »
2年前 (2022-09-04) 141浏览 0评论
0个赞
Video height 属性
Video 对象
实例
修改视频的高度:
document.getElementById(“myVideo”).height = “500”;
定义和用法
height 属性用于设置或返回 height 属性值。
height 属性描述了视频的高度,以像素计。
提示:规定视频的高度和宽度是一个好习惯。如果设置这些属性,在页面加……继续阅读 »
2年前 (2022-09-04) 134浏览 0评论
0个赞
Video loop 属性
Video 对象
实例
设置视频循环播放:
document.getElementById(“myVideo”).loop = true;
定义和用法
loop 属性设置或返回视频是否应该在结束时再次播放。
该属性反映了 <video> loop 属性。
当存在该属性时,它描述了视频在播放结束后是否再次播放。
注意: <video&g……继续阅读 »
2年前 (2022-09-04) 122浏览 0评论
0个赞
Video error 属性
Video 对象
实例
获得视频的错误状态:
var x = document.getElementById(“myVideo”).error.code;
定义和用法
error 属性返回一个 MediaError 对象。
MediaError 对象的 code 属性包含了音频/视频的错误状态。
注意: 该属性为只读属性。
浏览器支持
只有 Inter……继续阅读 »
2年前 (2022-09-04) 178浏览 0评论
0个赞
Video duration 属性
Video 对象
实例
获得当前视频的长度:
var x = document.getElementById(“myVideo”).duration;
x 输出结果为:
12.612
定义和用法
duration 属性返回当前视频的长度,以秒计。
注意: 不同的浏览器返回不同的值。在以上实例中
Internet Explorer, Firefox ……继续阅读 »
2年前 (2022-09-04) 158浏览 0评论
0个赞
Video ended 属性
Video 对象
实例
查看视频播放是否已结束:
var x = document.getElementById(“myVideo”).ended;
x 输出结果为:
true
定义和用法
ended 属性返回视频是否已结束。
如果播放位置位于视频的结尾时,则音频/视频已结束。
注意: 该属性为只读。
浏览器支持
所有主流浏览器都支持 ended……继续阅读 »
2年前 (2022-09-04) 133浏览 0评论
0个赞
Video defaultPlaybackRate 属性
Video 对象
实例
把视频设置为默认低速播放:
document.getElementById(“myVideo”).defaultPlaybackRate = 0.5;
定义和用法
defaultPlaybackRate 属性设置或返回音频/视频的默认播放速度。
设置该属性仅会改变默认的播放速度,而不是当前的。要改变当前……继续阅读 »
2年前 (2022-09-04) 146浏览 0评论
0个赞
Video currentTime 属性
Video 对象
实例
将时间位置设置为 5 秒:
document.getElementById(“myVideo”).currentTime = 5;
定义和用法
currentTime 属性设置或返回视频播放的当前位置(以秒计)。
当设置该属性时,播放会跳跃到指定的位置。
浏览器支持
所有主流浏览器都支持 currentTime 属……继续阅读 »
2年前 (2022-09-04) 118浏览 0评论
0个赞