如何让这个jQuery Youtube Popup在我的本地网站上运行?

时间:2014-02-15 13:28:03

标签: javascript jquery cors youtube-javascript-api

这是我的第一篇文章。我很新,还在学习一切,但我真的被困在这里。我正在试验一个网站本地。我想让Abhinay的jQuery YouTube Popup播放器在我的网站上运行。 http://lab.abhinayrathore.com/jquery_youtube/

我收到弹出窗口,视频尝试加载,但不起作用。我有一种感觉它有什么可做的,因为它是本地的,但我不确定。在获取有关CORS和JASON的结果时,我可能会有效吗?现在可以找到关于如何使用它的任何简单解释,也许有人可以解释它更简单一些。

这是相关的代码位:

<script type="text/javascript"   src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link type="text/css"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"  rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.youtubepopup.min.js"></script>
<script type="text/javascript">
    $(window).load(function () {
        $("a.youtube").YouTubePopup({ autoplay: 0 });
    });
</script>



<a class="youtube" href="http://www.youtube.com/watch?v=4eYSpIz2FjU"
            title="jQuery YouTube Popup Player Plugin TEST">Test Me</a>

请记住,我对网页设计和编码一般都很陌生,所以如果你能解释一下,我会非常感激!

提前致谢!

1 个答案:

答案 0 :(得分:1)

我调查了一下。它无法直接在您的本地计算机上运行。它需要在网络服务器上。当然,如果你有WAMP(XAMP),EasyPHP,你的计算机上安装的其他一些WebServer,或者只是Apache,那么它就可以了。

youtube脚本使用一种方法来确定您的协议,并将基于此重建链接。 或者,如果确实想要在您的LOCAL计算机上使用它而没有任何托管它的Web服务器,您可以这样做:

使用记事本或记事本++打开 jquery.youtubepopup.min.js 并找到以下行:

function getYouTubePlayer(URL, width, height) {
    var YouTubePlayer = '<iframe title="YouTube video player" style="margin:0; padding:0;" width="' + width + '" ';
    YouTubePlayer += 'height="' + height + '" src="' + URL + '" frameborder="0" allowfullscreen></iframe>';
    return YouTubePlayer;
}

并将其更改为:

function getYouTubePlayer(URL, width, height) {
    var YouTubePlayer = '<iframe title="YouTube video player" style="margin:0; padding:0;" width="' + width + '" ';
    URL=URL.replace("file:","http:");
    YouTubePlayer += 'height="' + height + '" src="' + URL + '" frameborder="0" allowfullscreen></iframe>';
    return YouTubePlayer;
}

了Emil

相关问题