h5播放rtmp流媒体
程序员文章站
2022-03-01 17:21:38
...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link href="http://vjs.zencdn.net/5.19/video-js.min.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.19/video.min.js"></script> </head> <body> <video id="my-player" class="video-js" controls preload="auto" poster="//vjs.zencdn.net/v/oceans.png" data-setup='{}'> <source src='rtmp://219.141.127.214:1935/live/test1' type='rtmp/flv'/> </p> </video> <script type="text/javascript"> var player = videojs('my-player'); var options = {}; var player = videojs('my-player', options, function onPlayerReady() { videojs.log('Your player is ready!'); // In this context, `this` is the player that was created by Video.js. this.play(); // How about an event listener? this.on('ended', function() { videojs.log('Awww...over so soon?!'); }); }); </script> </body> </html>
推荐阅读
-
海康&大华&DSS视频拉流-RTSP转RTMP多媒体播放技术
-
解决微信h5页面视频播放问题实例
-
H5 视频作为背景 source src改变后 循环播放的问题笔记
-
Android开发如何加载WebView中的H5页面并全屏视频播放
-
rtmp播放流媒体
-
vue常用插件之视频播放(rtmp m3u8)
-
vue项目中播放rtmp视频文件流的方法
-
EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(三)- webpack + vue + AdminLTE 多页面引入 element-ui
-
ffmpeg推流实现实时播放监控画面(rtsp to rtmp)
-
基于VLC的Unity视频播放器(支持本地视频和rtmp、rtsp等视频流)