jquery - 在哪里将 postMessage 命令的参数传递给 youtube iframe

Question

很抱歉，如果这看起来像是我之前的问题的重新发布，但事实并非如此。 这是不同方法的不同问题。

我有这个 iframe:

<iframe id="video1" width="970" height="546" src="https://youtube.com/embed/9IYRC7g2ICg?enablejsapi=1&autoplay=1&controls=0&loop=1&playlist=9IYRC7g2ICg&showinfo=0&modestbranding=0" frameborder="0" allowfullscreen></iframe>

现在，单击自定义按钮时手动暂停视频，效果很好:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('#button1').click(function() {
            $('#video1')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');
        });
    });
</script>

pauseVideo 是此处列出的命令 https://developers.google.com/youtube/iframe_api_reference .

我的问题是:我完全无法使用需要参数的命令，例如 seekTo(seconds:Number, allowedSeekAhead:Boolean)。

为了在视频中跳转到 0:20，我尝试了:

$('#video1')[0].contentWindow.postMessage('{"event":"command","func":"seekTo","args":"20, true"}', '*');

但没有成功。 我可能把参数放在了错误的位置，因为这是我第一次使用 iframe 的 postMessage 函数，从这个意义上说，我感觉有点像新手。

有人可以帮我吗？ :)

Answer 1

试试这个:

var data = {event: 'command', func: 'seekTo', args: [20, true]};
var message = JSON.stringify(data);

$('#video1')[0].contentWindow.postMessage(message, '*');