2015-11-26 3 views
6

Я ищу способ воспроизведения видеороликов с помощью rtmp. Я использую video-js, но он не работает. Firebug возвращает ошибку:Потоковое видео с rtmp и videojs

L'attribut « type » spécifié sur « video/flash » n'est pas géré. Le chargement de la ressource média rtmp://server.com/vod/mp4:foo/bar/my_video.mp4 a échoué. 
VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this video. MediaError { code=4, message="No compatible source was found for this video." 

HTML код:

<!doctype html> 
<html lang="fr" class="no-js"> 
<head> 
    <meta charset="UTF-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <link rel="stylesheet" href="css/reset.css"> <!-- CSS reset --> 
    <link rel="stylesheet" href="css/video-js.css"> <!-- Video.js --> 
    <link rel="stylesheet" href="css/style.css"> <!-- Resource style --> 
    <script src="js/modernizr.js"></script> <!-- Modernizr --> 
    <title>Title</title> 
</head> 
<body class="sous-menu"> 
    <video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" 
    controls preload="auto" width="640" height="264" 
    data-setup='{"techOrder": ["flash", "html5"]}'> 
    <source src="rtmp://server.com/vod/mp4:foo/bar/my_video.mp4" type='rtmp/mp4' /> 
    </video> 
    <script src="js/jquery-2.1.4.min.js"></script> <!-- jQuery --> 
    <script src="js/video-js.js"></script> <!-- Videojs.js --> 
</body> 
</html> 

Что я делаю неправильно?

Edit: я добавляю type='rtmp/mp4', но он по-прежнему dosen't работы ... Тест в FF, Chrome & IE11. Пробовал ссылку в VLC, и она работает.

ответ

6

Используйте источник rtmp/mp4 в вашем источнике. Кроме того, video.js использует амперсанд для разделения URL-адреса сервера и имени потока. RTMP будет работать только там, где Flash доступен.

<source src='rtmp://server.com/vod/&mp4:foo/bar/my_video.mp4' type='rtmp/mp4'/> 
+0

По-прежнему не работает, думаю, что у меня проблема со вспышкой ... – Snabow

+1

Забытое упоминание амперсанда важно как разделитель. Если амперсанд не установлен, последним слэшем считается разделитель. – misterben

+0

Я пропустил этот амперсанд ... Он работает! Только в Chrome и IE11, а не в Firefox, но IE достаточно для меня, спасибо большое – Snabow

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