jquery - youtube的颜色框

Question

我正在使用彩盒插件嵌入 youtube 视频，但它似乎不起作用。请参阅下面的代码，这是非常基本的。 $(document).ready(function(){ $('.youtube').colorbox({iframe:true, innerWidth:640, innerHeight:390});

然后是打开overlay的代码；

<p><a class="youtube" href="http://www.youtube.com/watch?v=0sRXkKe9SJk">Test Video</a></p>

当我用演示链接和代码替换上面的代码时，它工作得很好。下面的代码有效。 <p><a class="youtube" href=" http://www.youtube.com/v/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Test Video</a></p>

我错过了什么？

Answer 1

尝试这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="path/to/jquery.colorbox.js"></script>
<link rel="stylesheet" href="path/to/colorbox.css" />
<script>
$(document).ready(function(){
    $(".youtube").colorbox({iframe:true, innerWidth:640, innerHeight:390});
});
</script>

<p><a class='youtube' href="http://www.youtube.com/v/0sRXkKe9SJk?rel=0&amp;wmode=transparent">Play My Video</a></p>

Answer 2

我遇到了同样的问题：对话框会打开，我可以看到它连接到 youtube，但视频不会响应“播放”按钮。我在字符串中添加了一个参数 autoplay=1，它现在可以正常工作了。