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>
は、この質問が重複しているようだhttp://stackoverflow.com/questions/35044594/youtube-how-to-present-embed-video-with-sound-muted – ilmk
その同じではありません、そのAPIではないiframeも自動再生、私はちょうどそれをミュートにする必要があります、 – k76