在視頻背景上添加靜音/取消靜音按鈕 [DIVI 主題 - WordPress]

Question

我一直在嘗試為我正在使用的網站上的橫幅視頻添加靜音/取消靜音切換，該網站使用 Elegant Themes 的 DIVI 主題。 我在沒有靜音的情況下播放它，但它只在前幾次工作，然后它根本不會播放視頻。 我認為這是因為谷歌在 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);
        }
    });
});

任何幫助將不勝感激 ：）

Answer 1

兩個問題：

1. 使用窗口加載而不是文檔就緒。
2. 我需要將音量設置為 1。它仍然不會取消靜音，因為音量也設置為 0。

在這段代碼中，我有一個很棒的字體圖標也可以切換靜音/取消靜音：

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();
    });
});