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

/** 多个音频仅能播放一个 */
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));
  });
}

相关文章：

阿里云社区领积分自动打卡Selenium IDE脚本

How to see if openAI (node js) createModeration response “flagged“ is true

代码随想录算法训练营第五十八天 | 拓扑排序精讲-软件构建

Arduino IDE离线配置第三方库文件-ESP32开发板

8.JMeter+Ant（基于工具的实现接口自动化，命令行方式）

常见的限流算法

【C/C++】程序的构建（编译）过程概述

【C++】函数重载

Python使用pymysql返回字典类型的数据

yum本地源配置

基于 SpringBoot 的车辆充电桩管理系统

医药|基于springboot的医药管理系统设计与实现(附项目源码+论文+数据库）

JAVA算法数据结构第一节稀疏矩阵

ADB ROOT开启流程

C# AutoResetEvent ManualResetEvent Mutex 对比

54.【C语言】 字符函数和字符串函数(strncpy,strncat,strncmp函数)

ip映射域名，一般用于mysql和redis的固定映射，方便快捷打包

python基本数据类型简记

vue3 组合式API defineEmits() 与 emits 组件选项

I²C通信协议

基于SpringBoot的考研助手系统+LW参考示例

模拟实现通用型排序

Rust练手项目，写个有趣的小工具定时从一言网获取一段有趣的话并推送通知

STM32—I2C

OpenAI o1真的那么强吗

天地一体化物联网：挑战与机遇

移动订货小程序哪个好 批发订货系统源码哪个好

【Elasticsearch系列八】高阶使用

您的计算机已被.lcrypt勒索病毒感染？恢复您的数据的方法在这里！

春秋云境靶场之CVE-2022-29464