我一直在尝试将静音/取消静音切换添加到正在使用的网站上的横幅视频中,该视频使用Elegant Themes的DIVI主题。我在没有静音的情况下播放了它,但是它只在前几次工作过,然后根本不播放视频。我认为这是由于Google在Chrome中的自动播放政策引起的?
无论如何,我尝试了下面的代码来创建“静音/取消静音”按钮,但它似乎无法正常工作,尽管它可以在我尝试过的其他代码片段上使用。
有问题的页面是:http://www.snapperbonanza.co.nz/home-2/
代码是:
jQuery(document).ready(function(){
jQuery(".et_pb_section_video_bg video").prop('muted', true);
jQuery("#mute-video").click( function (){
if( jQuery(".et_pb_section_video_bg video").prop('muted') ) {
jQuery(".et_pb_section_video_bg video").prop('muted', false);
} else {
jQuery(".et_pb_section_video_bg video").prop('muted', true);
}
});
});
任何帮助将不胜感激:)
两个问题:
在这段代码中,我还有一个很棒的字体图标,也可以切换静音/取消静音:
jQuery(window).load(function() {
jQuery("video").prop('volume', 1);
jQuery("#mute-video").click(function () {
jQuery("video").prop("muted", !jQuery("video").prop("muted"));
jQuery("#mute-video .fa-volume-mute").toggle();
jQuery("#mute-video .fa-volume-up").toggle();
});
});