2016-11-27 74 views
0

我有很好的iframe與簡單的js,但我的問題,我想播放它在靜音,但我不能做,所以可以幫助我做,記住我不想自動播放,只是我想點擊播放時使其成爲MUTE音頻,,,這裏我的代碼如下如何播放YouTube的iframe在靜音音頻

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8"> 

    <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript" src="http://www.jqueryscript.net/demo/Easy-jQuery-Video-Controller-Plugin/dist/jquery.videoController.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#my-video').videoController({ 
      videoReady: function() { displayEvent('ready'); }, 
      videoStart: function() { displayEvent('start'); }, 
      videoPlay: function() { displayEvent('play'); }, 
      videoPause: function() { displayEvent('pause'); }, 
      videoEnded: function() { displayEvent('ended'); } 
     }); 
    }); 

    function playVideo() { 
     $('#my-video').videoController('play'); 
    } 

    function pauseVideo() { 
     $('#my-video').videoController('pause'); 
    } 

    function stopVideo() { 
     $('#my-video').videoController('stop'); 
    } 

    function displayEvent(eventType) { 
     var textarea = $('.events'); 

     textarea.val(textarea.val() + '\n' + eventType); 
     textarea.scrollTop(textarea[0].scrollHeight); 
    } 
</script> 

    </head> 

    <body> 

    <iframe id="my-video" src="http://www.youtube.com/embed/oaDkph9yQBs?enablejsapi=1" width="560" height="315" frameborder="0" allowfullscreen></iframe> 
    <div class="controls"> <a href="#" onclick="playVideo();">Play</a> <a href="#" onclick="pauseVideo();">Pause</a> <a href="#" onclick="stopVideo();">Stop</a> </div> 
    <textarea class="events" cols="50" rows="10">Events:</textarea> 

    </body> 
    </html> 
+0

看來這個問題是重複http://stackoverflow.com/questions/35044594/youtube-how-to-present-embed-video-with-sound-muted – ilmk

+0

它的不一樣,它不是api iframe甚至不自動播放,我只需要使其靜音的線路, – k76

回答

0

這是重複的。在你的例子中,沒有什麼可以使視頻靜音。 但這裏是正確答案的副本。

<iframe id="my-video" src="http://www.youtube.com/embed/oaDkph9yQBs?enablejsapi=1" width="560" height="315" volume="0" frameborder="0" allowfullscreen></iframe> 

似乎視頻控制器插件沒有靜音視頻的方法。所以...:

var myVideo = iframe.getElementById('myVideo'); 
myVideo.mute(); 
相關問題