2016-11-27 2 views
0

シンプルなjで素敵なiframeを持っていますが、私の問題はミュートで再生したいのですが、できませんでした。クリックして再生すると音声をミュートしたい、ここに私のコードミュートオーディオの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(); 
関連する問題