timeupdate:HTMLVideoElement.currentTime属性指定的时间更新。 volumechange: 音量变化。 ended: 播放到视频的结束为止,播放停止。 <videoid="video-player"controlswidth="300"><sourcesrc="https://upload.wikimedia.org/wikipedia/commons/8/87/Schlossbergbahn.webm"type="video/webm"/></video> constvideo=docu...
src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要自动播放视频 controls: 告诉video标签是否需要显示控制条 poster: 告诉video标签视频没有播放之前显示的占位图片 loop: 告诉video标签循环播放视频. 一般用于做广告视频 preload: 告诉video标签预加载视频, 但是需要注意preload和autoplay相冲, 如果设置...
获取视频元素:var videoElement = document.getElementById("videoPlay"); 获取设置音量大小:videoElement.volume 获取设置当前播放的位置:videoElement.currentTime 播放视频:videoElement.play() 暂停视频:videoElement.pause() <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加...
//audio和video都可以通过JS获取对象,JS通过id获取video和audio的对象 1. 2. 获取video对象 Media = document.getElementById("media"); Media = document.getElementById("media"); 1. 2. Media方法和属性: HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement Media.error; //null:正常 Media.error....
var video = document.getElementById("videoElement"); video.addEventListener("error",function(){ var error = video.error; swicth(error.code) { case 1: alert("视频的下载过程被中止"); break; case 2: alert("网络发生故障,视频的下载过程被中止"); ...
document.getElementById("myVideo").poster="/images/logo2.png"; 尝试一下 » 定义和用法 poster 属性用于设置或返回视频的 poster 属性值。 poster 属性描述了在视频加载时或在用户点击播放按钮前显示的图片。如果不包含该属性,视频的第一帧将被用来代替显示。
poster(video元素独有属性)和loop属性 poster(video元素独有属性) 当视频不可用时,可以使用该元素向用户展示一幅替代用的图片。 当视频不可用时,最好使用poster属性,以免展示视频的区域中出现一 片空白。该属性的使用方法如下所示: <video src="sample.mov" psoter="cannotuse.jpg"></video> ...
获取video对象 Media =document.getElementById("media"); Media方法和属性: HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement - Media.error; //null:正常 - Media.error.code; //1.用户终止 2.网络错误 3.解码错误 4.URL无效 //网络状态 - Media.currentSrc; //返回当前资源的URL - Media.src...
Learn about the HTMLVideoElement interface, including its properties and methods, specifications and browser compatibility.
首先,简书上有一个比较早的 详细说明,说的比较具体,先引用一下。 HTML5的Video标签的属性,方法和事件汇总 做个笔记: 标签 src :视频的属性 poster:视频...