Používam videojs (http://videojs.com/) Plugin v kombinácii s youtube.js (https://github.com/eXon/videojs-youtube) na prehrávanie videí z youtube vo vlastnom prehrávači.
V hlave im načítam css z video.js a toto je telo 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>
Vždy sa mi zobrazí nasledujúca chyba:
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.
Nemôžem nájsť riešenie pre toto.Keď používam príklad z youtube.js, pracuje s rovnakým kódom.
odpovede:
0 pre odpoveď č. 1Získajte youtube.js od bower:
bower install videos-youtube
V priečinku bower_component potom budete mať video.min.js aj Youtube.min.js:
Skopírujte tento text ako 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>
Skúsil som a riešenie sa nahrádza:
<script src="http://vjs.zencdn.net/5.0/video.min.js"/>
s tým:
<script src="bower_components/video.js/dist/video.min.js"></script>