Question

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

然后打开ovelay的代码;

<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&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，现在工作正常。

youtube彩盒

2 个答案: