Geek Answers Handbook

Streaming video with rtmp and videojs

I am looking for a way to stream video using rtmp. I am using video-js but it does not work. Firebug returns an error:

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 code:

 <!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>

What am I doing wrong?

Edit: I am adding type='rtmp/mp4' , but it still does not work ... Test in FF, Chrome and IE11. Tried the link in VLC and it works.

+6
source share
2 answers

Use the rtmp/mp4 type in your source. In addition, video.js uses an ampersand to separate the server URL from the stream name. RTMP will only work where Flash is available.

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

You might want to make sure that you are returning the correct type of content on the server. See: https://github.com/videojs/video.js/issues/1994

+2
source

More articles:


All Articles