與youtube.js一起使用videojs

使用videojs（http://videojs.com/）插件與youtube.js（https://github.com/eXon/videojs-youtube）結合使用可以在自定義播放器中播放YouTube視頻。與youtube.js一起使用videojs

在頭IM加載從的Video.js的CSS，這是HTML身體

<div id="am-youtube-container" class="row collapse"> 
    <video 
    id="vid1" 
    class="video-js vjs-default-skin" 
    controls 
    autoplay 
    width="640" height="264" 
    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }' 
    > 
    </video> 
    <script src="http://vjs.zencdn.net/5.0/video.min.js"/> 
    <script src="path to youtubejs/Youtube.js"/> 
</div>

我總是得到以下錯誤：

VIDEOJS: ERROR: The "Youtube" tech is undefined. Skipped browser support check for that tech. 
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video.

林無法找到一個解決方案當我使用來自youtube.js的例子時，它使用完全相同的代碼。

來源

2015-11-04 Kbi

有GitHub上幾個答案，所以你可以檢查那裏。 –

謝謝你的建議。看來video.js 5.0會帶來一些麻煩。我必須在頭部添加腳本，並添加了this.initYTPlayer（）;到構造函數中的setTimeout。 – Kbi

嗨@Kbi，確保你有正確的路徑youtube.js –

由鮑爾獲取youtube.js：

bower install videos-youtube

然後，你將在文件夾bower_component這樣既video.min.js和Youtube.min.js：

複製粘貼此爲html ：

<!DOCTYPE html> 
<html> 
<head> 
    <link type="text/css" rel="stylesheet" href="bower_components/video.js/dist/video-js.min.css" /> 
</head> 
<body> 

<div id="am-youtube-container" class="row collapse"> 
    <video 
    id="vid1" 
    class="video-js vjs-default-skin" 
    controls 
    autoplay 
    width="640" height="264" 
    data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=xjS6SftYQaQ"}] }' 
    > 
    </video> 
    <script src="http://vjs.zencdn.net/5.0/video.min.js"/> 
    <script src="path to youtubejs/Youtube.js"/> 
</div> 

    <script src="bower_components/video.js/dist/video.min.js"></script> 
    <script src="bower_components/videojs-youtube/dist/Youtube.min.js"></script> 
</body> 
</html>

所以我曾嘗試和解決方案正在取代：

<script src="http://vjs.zencdn.net/5.0/video.min.js"/>

與此：

<script src="bower_components/video.js/dist/video.min.js"></script>

來源

2016-11-11 10:02:38

與youtube.js一起使用videojs

回答

相關問題