html限制仅有一个音/视频可播放

html限制仅有一个音/视频可播放

js 复制代码
/** 多个音频仅能播放一个 */
function audiosPlay() {
  const audios = document.getElementsByTagName('audio');
  const videos = document.getElementsByTagName('video');

  function pauseAll() {
    var self = this;
    [].forEach.call(audios, function (i) {
      if (i !== self) i.pause();
    });
    [].forEach.call(videos, function (i) {
      i.pause();
    });
  }

  [].forEach.call(audios, function (i) {
    i.addEventListener('play', pauseAll.bind(i));
  });
}

/** 多个视频仅能播放一个 */
function videosPlay() {
  const audios = document.getElementsByTagName('audio');
  const videos = document.getElementsByTagName('video');

  function pauseAll() {
    var self = this;
    [].forEach.call(videos, function (i) {
      if (i !== self) i.pause();
    });
    [].forEach.call(audios, function (i) {
      i.pause();
    });
  }

  [].forEach.call(videos, function (i) {
    i.addEventListener('play', pauseAll.bind(i));
  });
}
相关推荐
SKYDROID云卓小助手20 分钟前
三轴云台之相机技术篇
运维·服务器·网络·数码相机·音视频
hello_simon21 分钟前
在线小白工具,PPT转PDF支持多种热门工具,支持批量转换,操作简单,高效适合各种需求
pdf·html·powerpoint·excel·pdf转html·excel转pdf格式
zhougl9961 小时前
html处理Base文件流
linux·前端·html
yunteng5211 小时前
音视频(一)ZLMediaKit搭建部署
音视频·zlmediakit·安装搭建
花花鱼1 小时前
node-modules-inspector 可视化node_modules
前端·javascript·vue.js
TDengine (老段)3 小时前
TDengine 中的关联查询
大数据·javascript·网络·物联网·时序数据库·tdengine·iotdb
再学一点就睡4 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
Merokes5 小时前
关于Gstreamer+MPP硬件加速推流问题:视频输入video0被占用
c++·音视频·rk3588
木木黄木木5 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
難釋懷6 小时前
JavaScript基础-移动端常见特效
开发语言·前端·javascript