如何獲取此jQuery Youtube Popup以在我的本地網站上工作？

這是我的第一篇文章。我很新，仍然在學習一切，但我真的被困在這裏。我正在嘗試使用本地的網站。我試圖讓Abhinay的jQuery YouTube Popup播放器在我的網站上工作。 http://lab.abhinayrathore.com/jquery_youtube/如何獲取此jQuery Youtube Popup以在我的本地網站上工作？

我得到彈出窗口，視頻試圖加載，但它不起作用。我有一種感覺，它有東西可以做它本地的東西，但我不確定。當serching獲得關於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>

記住，我是很新的網頁設計和一般的編碼，所以如果你能解釋一下這個簡單的我會很感激！

提前致謝！

來源

2014-02-15 Frithiof

打開你的控制檯，出現任何錯誤？ –

我認爲，在文件：///var/www/site/home.html url youtube播放器不工作。您可以將url更改爲http：//localhost/site/home.html。 –

沒有錯誤只有一個警告：event.returnValue已棄用。請改用標準的event.preventDefault（）。 youtube播放器加載大約一分鐘，然後說：無法找到文件或目錄。 – Frithiof

我看着它。它不會直接從本地計算機上運行。它需要在Web服務器上。當然，如果你有WAMP（XAMP），EasyPHP，你的計算機上安裝了一些其他的WebServer，或者只是Apache，那麼它就可以工作。

youtube腳本使用一種方法來確定您的協議，並將基於此重建鏈接。或者，如果你真的想用它在本地計算機上沒有託管任何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; 
}

周華健

來源

2014-02-15 14:00:18

非常感謝！這工作！ – Frithiof

如何獲取此jQuery Youtube Popup以在我的本地網站上工作？

回答

相關問題