如何在wordpress中静音所有视频和音频答案

【问题标题】：How to mute all video and audio in wordpress如何在wordpress中静音所有视频和音频
【发布时间】：2022-01-18 20:58:04
【问题描述】：

我的电子商务网站上有很多视频都在启用音频的情况下同时播放。我必须默认静音所有视频以提高用户体验的质量。

【问题讨论】：

标签： javascript php wordpress

【解决方案1】：

为了默认静音所有视频，我们将 JavaScript 函数的创建与页脚挂钩。

每次您的主题构建它的页脚时，脚本 JavaScript 都会添加到 DOM。该脚本会选择所有 video 元素并递归地使它们静音。

所以，转到Wordpress Admin 页面，选择Appearance > Theme Editor。在页面右侧，您应该会看到 functions.php。点击它并在页面底部添加以下代码：

# mute all videos by default
function mute_all_videos() {
?>
<script type="text/javascript">
  [].slice.call(document.querySelectorAll('video')).forEach(function(audio) {
        audio.muted = true;
  });
</script>
<?php
}

# hook to footer
add_action( 'wp_footer', 'mute_all_videos' );

【讨论】：