中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

多個video視頻如何控制播當前視頻

2023-03-04    分類: 網(wǎng)站建設(shè)

隨著各大電信運營商網(wǎng)絡(luò)帶寬的升級,網(wǎng)站中的視頻已經(jīng)變得越來越普遍了,在網(wǎng)站制作過程中經(jīng)常會遇到視頻播放的問題,今天給大家分享多個video視頻如何控制播當前視頻的方法。

視頻播放

第一種情況:
當在一個頁面中放置多個video標簽時,點擊其中一個視頻,當這個視頻處于播放中時,再次點擊其他視頻,會發(fā)現(xiàn)上一個視頻仍然在播放。
我們要實現(xiàn)的需求就是在點擊一個視頻播放時,其他正在處理播放的視頻自動停止。
只需一段js即可搞定。
<script>
var videos = document.getElementsByTagName('video');
for (var i = videos.length - 1; i >= 0; i--) {
(function () {
var p = i;
videos[p].addEventListener('play', function () {
pauseAll(p);
})
})()
}
function pauseAll(index) {
for (var j = videos.length - 1; j >= 0; j--) {
if (j != index) videos[j].pause();
}
}</script>

第二種情況:
當點擊某個視頻的時候用彈窗形式播放視頻,這里介紹的是用js動態(tài)的加載video內(nèi)容具體視頻內(nèi)容可以通過ajax后臺獲取:
function add_video(ts,id){
ts.parent().find('.video-tc').show();//彈窗
that=ts.parent().find('.boxs'); //視頻容器(具體看頁面布局);
$.ajax({
url: url_video,
type:"POST",
data:{"id":id},
success: function(val) {
that.append(val)//加載video內(nèi)容
}
});
}
加載有了下一步要關(guān)閉視頻
$(".video-tc .close").click(function () {
$(".video-tc").hide();
$(this).siblings().remove();//刪除視頻內(nèi)容
})
這里為什么要刪除視頻內(nèi)容如果全是video內(nèi)容并且每個video都是獨立的我們只需停止當前video就可以
var myVideo = document.getElementsByTagName('video')[0]; //獲取視頻video
if (myVideo.paused){
myVideo.play();
}else{
myVideo.pause();
}
但是如果只有一個彈窗,就需要替換video的內(nèi)容可以是整個也可以是視頻地址

新聞名稱:多個video視頻如何控制播當前視頻
文章鏈接:http://m.rwnh.cn/news29/241429.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器網(wǎng)站收錄、網(wǎng)站導航外貿(mào)網(wǎng)站建設(shè)、營銷型網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)
娱乐| 余庆县| 舟曲县| 柳州市| 永济市| 福建省| 绥化市| 聊城市| 和硕县| 临漳县| 晋江市| 淅川县| 大新县| 金溪县| 凤冈县| 宁化县| 岫岩| 怀宁县| 镇康县| 富锦市| 海安县| 定襄县| 屯门区| 秀山| 乐都县| 鸡东县| 九龙坡区| 东乌珠穆沁旗| 互助| 静海县| 龙山县| 元朗区| 农安县| 虹口区| 承德县| 兰坪| 育儿| 米易县| 织金县| 绥芬河市| 博爱县|