方法一:video标签
用于在html元素中添加视频元素
我引入视频就是使用这个标签,但是我使用视频的的属性并不多,只是使用了简单的播放暂停,至于其他的属性可能现在没有怎么使用,以后需要继续用一下。
-
Document -
var myVideo = document.getElementById("video1");
-
var videoBtn = document.getElementById("videoBtn");
-
myVideo.loop = true
-
videoBtn.onmouseleave = function () {
-
myVideo.pause();
-
}
-
videoBtn.onmousemove = function () {
-
myVideo.play();
-
}
-
function getVideoTime() {
-
if (document.getElementById('video1')) {
-
let videoPlayer = document.getElementById('video1');
-
videoPlayer.addEventListener('timeupdate', function () {
-
console.log(`当前的时间点是${videoPlayer.currentTime},视频长度是${videoPlayer.duration}`);
-
if (videoPlayer.currentTime > 11) {
-
myVideo.pause();
-
videoPlayer.currentTime = 0
-
}
-
}, false)
-
}
-
}
-
getVideoTime();
至于我使用的时候有个时间点,和视频长度,本来就是想着这个属性是不是能用来做那个视频的播放条那个东西。controls 属性设置或返回浏览器应当显示标准的视频控件(播放,暂停,进度条,音量,全屏切换,字幕,轨道)。true-指定显示控件,false-指定不显示。
方法二:embed标签
用于在html元素中嵌入多媒体元素
方法三:object标签
同方法二一样在html中嵌入多媒体元素
方法二和方法三是不常用的。
还没有评论,来说两句吧...