video.js setup динамически

Мне нужно использовать javascript (без тега), чтобы настроить видео с помощью простых кодов, но css, кажется, загружен неправильно, каков правильный путь для этого, поскольку HTML-путь есть?video.js setup динамически

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>test</title> 
 
    <link href="http://vjs.zencdn.net/5.0/video-js.css" rel="stylesheet" type="text/css"> 
 
    <script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script> 
 
    <script src="http://vjs.zencdn.net/5.0/video.js"></script> 
 
</head> 
 
<body> 
 
    <div id="videoarea"></div> 
 
    <script> 
 
\t \t var container = document.getElementById("videoarea"); 
 
\t \t videojs(container, { 
 
\t \t \t controls: true, 
 
\t \t \t class:'video-js vjs-default-skin', 
 
\t \t \t techOrder: ["html5", "flash"], 
 
\t \t \t source: { 
 
\t \t \t \t type : 'rtmp/mp4', 
 
\t \t \t \t src : 'rtmp://live.hkstv.hk.lxdns.com/live/hks' 
 
\t \t \t } 
 
\t \t }, function() { 
 
\t \t }); 
 
\t </script> 
 
</body> 
 
</html>

источник

2015-11-12 Jason

Вы должны включить html5 видео тег на странице. Это обеспечивает надлежащее отключение устройства и требуется для правильной загрузки видео.

<!DOCTYPE html> 
<html> 
<head> 
    <title>test</title> 
    <link href="http://vjs.zencdn.net/5.0/video-js.css" rel="stylesheet" type="text/css"> 
    <script src="http://vjs.zencdn.net/ie8/1.1.0/videojs-ie8.min.js"></script> 
    <script src="http://vjs.zencdn.net/5.0/video.js"></script> 
</head> 
<body> 
    <video id="videoarea" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="264"> </video> 
    <script> 
     var container = document.getElementById("videoarea"); 
     videojs(container, { 
      controls: true, 
      class:'video-js vjs-default-skin', 
      techOrder: ["html5", "flash"], 
      source: { 
       type : 'rtmp/mp4', 
       src : 'rtmp://live.hkstv.hk.lxdns.com/live/hks' 
      } 
     }, function() { 
     }); 
    </script> 
</body> 
</html>

источник

2015-11-12 15:05:38 Broonix

Thanks Broonix! Кстати, знаете ли вы, поддерживает ли videojs RTMP пар? Адрес, как показано ниже (содержит параметр защиты ссылок): rtmp: //cdn.mydomain.com/live/58af2b668a374e9ab8704a859df15bce? WsSecret = 2fd7daa16f2d59722e501a8381d72776 & wsTime = 56455cf7 – Jason

Для параметра 'type' я пробовал 'rtmp/mp4', 'rtmp/flv ',' video/mp4 ',' video/flv ', ни одна из них не работает. – Jason

Документы говорят, что они делают. Я никогда не использовал его TBH: http://blog.videojs.com/post/60471080014/videojs-420-released-rtmp-css-designer-and – Broonix

video.js setup динамически

ответ

Смежные вопросы