PS:在這個項(xiàng)目中，背景是視頻删掀，然后通過音樂按鈕來控制背景音樂的靜音，在這種情況下导街，我把視頻video的聲音靜音了披泪，同時音樂audio同時引用視頻地址，達(dá)到背景樂和視頻同步的效果搬瑰。這樣控制背景音樂的靜音與否就變成了音頻靜音與否的問題款票。在以往的項(xiàng)目中，對IE8的背景音樂也做了兼容效果泽论，而這次引用的文件是MP4格式的艾少，IE8效果下不能播放

<!--音樂按鈕-->
<div class="h-audio">
    <a href="javascript:" id="hAudioToggle" class="btn-music active"></a>
    <!--[if lte IE 8]>
    <embed id="hAudioBg" src="xxx" autostart="true" loop="true" width="0" height="0">
    <![endif]-->
    <audio id="hAudioBg" src="xxx" loop autoplay></audio>
</div>
<script>
    var annzmy = {
        init: function () {
           //動畫音樂按鈕事件
           $('#hAudioToggle').click(function () {
                $(this).toggleClass('active');
                if ($(this).hasClass('active')) {
                    $('#hAudioBg')[0].muted=false;
                }else {
                    $('#hAudioBg')[0].muted=true;
                    $('#hAudioBg')[0].volume=0;
                }
            });
            $('a.leave').click(function(){
                if ($('#hAudioToggle').hasClass('active')) {
                    $('#hAudioToggle').removeClass('active');
                    $('#hAudioBg')[0].muted=true;
                }
            });
        },
       //是否是PC
        isPc:function () {
            var os = new Array("Android","iPhone","Windows Phone","iPod","BlackBerry","MeeGo","SymbianOS");  // 其他類型的移動操作系統(tǒng)類型，自行添加
            var info = navigator.userAgent;
            var len = os.length;
            for (var i = 0; i < len; i++) {
                if (info.indexOf(os[i]) > 0){
                    return false;
                }
            }
            return true;
        },
    };
    annzmy.init();
            

//判斷是否是PC
/*關(guān)于視頻翼悴，會引入兩個鏈接缚够，webm體積小，是未來的一種趨勢抄瓦，然而在火狐瀏覽器的情況下潮瓶，給video加了靜音效果陶冷，但還是會有音樂播放钙姊，目前就是只引入MP4格式的視頻以達(dá)到適配效果*/
    if(annzmy.isPc()){
        //annzmy.load('//ossweb-img.qq.com/images/js/foot.js','script');
        $('.g-wrap').prepend('<div class="top-act-video" >\
            <video class="top-small-video" id="topSmallVideo" autoplay loop style="width:100%; height:100%; object-fit:cover" muted>\
               <!--<source src="http://ossweb-img.qq.com/images/wap201404/video/TVC1009.webm" type="video/webm">-->\
                <source src="http://ossweb-img.qq.com/images/wap201404/video/TVC1009.mp4" type="video/mp4">\
            </video>\
            </div>')
    }
    else{
        shineLandscape.init();
        $("#footer_ied").remove();
        $('.down').remove();
        $(".h-audio").remove();
    }
</script>