Diffuser de la vidéo avec rtmp et videojs
Je cherche un moyen pour diffuser de la lecture de vidéos avec rtmp. J'ai utiliser la vidéo-js mais ça ne fonctionne pas. Firebug renvoie une erreur :
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."
Code 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>
Ce que je fais mal ?
Edit: - je ajouter de la type='rtmp/mp4'
mais encore, elle ne marche pas de travail ... Test de FF, Chrome & IE11. Essayé le lien dans VLC et le travail.
Vous devez vous connecter pour publier un commentaire.
Utiliser le type
rtmp/mp4
dans votre source. Aussi, video.js utilise une esperluette pour séparer l'URL du serveur et le nom du cours d'eau. RTMP ne fonctionnera que si Flash est disponible bien sûr.Vous pourriez vouloir vous assurer que vous êtes de retour le bon type de contenu sur le serveur. Voir: https://github.com/videojs/video.js/issues/1994