如何让网页中的视频文件只能播放一个，播下一个时，上一个自动暂停？

最新推荐文章于 2023-11-29 11:01:04 发布
最新推荐文章于 2023-11-29 11:01:04 发布
阅读量1.1k 收藏
点赞数
分类专栏： 笔记 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhengjiantscy/article/details/126327742
版权

这里写自定义目录标题


在有加载视频的需求时，其中一个必要设置是让网页的视频 文件只能播放一个，播放下一个时，其它的自动暂停。这个怎么做到呢？

请看如下代码

那么对于音频文件的处理是什么样呢？小伙伴给个答案啊！
跟DFX赛赛TJB
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
一个flash做的网页网页播放器
03-02
标题中的“一个flash做的网页网页播放器”指的是利用Adobe Flash技术开发的用于在网页上播放音频或视频的组件。Flash曾经是互联网上广泛使用的多媒体平台，尤其在在线媒体播放方面，它提供了丰富的交互性和跨平台...
media player 属性大全
12-23
Media Player 是一个功能强大且广泛使用的多媒体播放器，在网页中嵌入 Media Player 可以播放音频、视频、图像等多种媒体文件。为了充分发挥 Media Player 的功能，需要了解其各种属性和方法。 AutoStart 属性 ...
多个视频时，利用函数实现播放一个，其他自动暂停
weixin_34107739的博客
12-05 505
<style type="text/css"> .aa{ width:300px; //给三个div定义一个样式 height:250px; position:relative; float:left; margin-left:20px; } </style>...
页面视频只可以播放一个
weixin_34416649的博客
04-29 594
// 页面只有一个可以播放 var videos = document.getElementsByTagName('video'); for (var i = videos.length - 1; i >= 0; i--) { (function(){ var p = i; ...
页面中存在多个视频,其中一个视频播放时其他的视频暂停播放
s_turnTurn的博客
06-23 2901
页面中存在多个视频,其中一个视频播放时其他的视频暂停 var videoobjs = document.getElementsByTagName('video'); //var videoobjs = $('video'); //jquery获取标签 var videoobjlength = videoobjs.length; if(videoobjlength >0 ){ for(let i=0;i<videoobjlength;i++){ videoobjs[i].addE
html页面多个视频标签时设定只能播放一个视频
最新发布
韩迎宾的博客
11-29 724
html页面经常会出现存在多个视频的情况，点击单个视频时，该视频播放，点击另外一个视频时，需要让正在播放的视频停止，开始播放所点击的新视频。如果不单独设置，就会出现页面同时播放多个视频的情况。
只允许页面播放一个视频 或者 音频
Oh_My_Godjun的博客
04-26 3217
var video = document.getElementsByTagName("video"); // 暂停函数 function pauseAll() { var self = this; [].forEach.call(video, function (i) { // 将audios中其他的audio全部暂停 i !== self &amp;&amp; i.pau...
h5同一个页面多个视频只能播放一个
m0_61195004的博客
10-31 1013
h5同一个页面多个视频只能播放一个
PPT中插入视频的三种方法及ppt的100个技巧.doc
12-16
3. PowerPoint会自动创建一个新的视频剪辑对象，然后在这里导入或链接视频文件。 除了上述视频插入方法，以下是一些PPT制作的实用技巧： 1. 使用统一的模板和色彩方案，使演示文稿看起来专业且一致。 2. 避免过多...
2014上海计算机1级考试资料整理.pdf
10-10
42. AVI是常见的视频文件格式，可用媒体播放器播放。 43. TIF通常是图像文件格式，非声音文件。 44. WMF是矢量图形文件格式，适合保存图形设计。 45. MIDI文件存储的是音乐指令，而非声音波形，占用空间小。 46....
vue控制一个页面只能播放一个音频或视频
令瑞斌
02-03 873
控制一个音视频播放
阿里云回放监听当前视频播放完，开始播放下一个视频
lll19960406的博客
02-15 510
最近要写一个自动播放下一集的功能：前提是：当前页面是一个列表，播放完一个，在播放下一个 　　　　　　　　　　　　　　　　　var player = new Aliplayer({ id: 'MPSplayer', width: that.screenWidth - Number(width), height: that.screenHeight, aut...
一个页面中有多个audio标签，其中一个播放结束后自动播放下一个，audio连续播放
热门推荐
Mencre的博客
07-17 1万+
 一个页面中有多个audio标签时，随机点击一个开始播放，当播放完成时自动播放下一个audio的音乐。 var audios = document.getElementsByTagName("audio"); for(var i=0;i&lt;audios.length;i++){ //console.log("audios "+i+" SRC:" + audios[i].currentS...
video.js+swiper 视频播放结束后三秒播放下一个，点击播放视频
timebeign的博客
10-15 7367
部分代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt;   &lt;video id="example_vid
微信小程序js控制页面多个视频只能播放一个视频
zwh2487577416的博客
03-29 422
微信小程序js控制页面多个视频只能播放一个视频
多个视频的列表实现只能一个播放
s_LIzhengzhi的博客
04-02 608
小程序 html： js：
html5 播放多个视频。一个接一个的播放
weixin_34364135的博客
01-08 3581
new个video，指定播放列表的第一个视频路径为src。监听end事件，回调里面把video的src改成列表的下一个，再play。 示意代码：var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表var vLen = vList.length; // 播放列表的长度var curr = 0; // 当前播放的视频var video = new V...
html强制暂停视频,播放暂停html5视频javascript
weixin_39860975的博客
06-07 584
当我点击播放器中显示的海报图像时,我有一个播放视频的功能,它似乎有效:var video = document.getElementById('player');video.addEventListener('click',function(){video().play();},false);在html5视频标签中,我有类似的内容:id ="player"onclick ="this.play()...
页面中有多个视频，怎么设置播放其中一个其他的自动暂停
06-12
你可以使用 JavaScript 来实现这个功能。首先，你需要获取页面中所有视频的元素并将它们存储...当一个视频开始播放时，我们遍历所有视频元素，并暂停除当前视频外的其他视频。这样就可以实现自动暂停其他视频的功能了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值