我有很好的 iframe 和简单的 js 但我的问题是我想在静音中播放它,但我做不到,所以可以帮助我做,记住我不想自动播放,只是我想让它静音点击播放 ,,, 下面是我的代码
<!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>
最佳答案
这是重复的。在您的示例中,没有什么可以使视频静音。 但这里是正确答案的副本。
<iframe id="my-video" src="http://www.youtube.com/embed/oaDkph9yQBs?enablejsapi=1" width="560" height="315" volume="0" frameborder="0" allowfullscreen></iframe>
视频 Controller 插件似乎没有将视频静音的方法。所以……:
var myVideo = iframe.getElementById('myVideo');
myVideo.mute();
关于javascript - 如何在静音音频中播放 YouTube iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40825742/