亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

視頻靜音和取消靜音按鈕

視頻靜音和取消靜音按鈕

嚕嚕噠 2022-08-18 10:47:33
我正在嘗試將靜音/取消靜音按鈕添加到全屏背景視頻中。我使用了一段廣泛發布的javascript,包括stackoverflow(HTML視頻靜音按鈕)。不幸的是,這默認為靜音。無論我嘗試什么,我都無法默認取消靜音。顯然我是一個js新手。<video class="video" autoplay loop>    <source src="video.mp4" type="video/mp4"></video><button class="mute-video unmute-video"></button>$("video").prop('muted', true);$(".mute-video").click(function () {    if ($("video").prop('muted')) {        $("video").prop('muted', false);        $(this).addClass('unmute-video'); // changing icon for button    } else {        $("video").prop('muted', true);        $(this).removeClass('unmute-video'); // changing icon for button    }    console.log($("video").prop('muted'))});
查看完整描述

1 回答

?
楊__羊羊

TA貢獻1943條經驗 獲得超7個贊

也許您需要等待視頻準備就緒才能訪問其屬性。嘗試使用 oncanplay 事件:


$("video").oncanplay = function() {

    $("video").prop('muted', true);

};


$(".mute-video").click(function () {

    if ($("video").prop('muted')) {

        $("video").prop('muted', false);

        $(this).addClass('unmute-video'); // changing icon for button


    } else {

        $("video").prop('muted', true);

        $(this).removeClass('unmute-video'); // changing icon for button

    }

    console.log($("video").prop('muted'))

});


查看完整回答
反對 回復 2022-08-18
  • 1 回答
  • 0 關注
  • 393 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號