H5浏览器播放RTMP直播流
2017-06-22 11:30
260 查看
<!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://live.hkstv.hk.lxdns.com/live/hks' 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>
相关文章推荐
- H5浏览器播放RTMP直播流实现切换
- 浏览器支持播放的视频播放格式要求(H5的video标签)
- 解决RTMP推送时间戳问题引起HLS切片不均匀导致手机浏览器播放卡顿的问题
- 解决RTMP推送时间戳问题引起HLS切片不均匀导致手机浏览器播放卡顿的问题
- 解决RTMP推送时间戳问题引起HLS切片不均匀导致手机浏览器播放卡顿的问题
- HTML5的可以支持RTMP 但是无法播放RTSP 兼容浏览器
- 前端播放流媒体(RTMP,RTSP,HLS)
- H5解决浏览器,微信背景的上下滑动问题,脱离窗口的js局部滚动解决方法
- librtmp推流使用aac编码音频的html5和flash播放问题
- 浏览器上模拟qq的消息提示声/网页播放声音
- 微信内置浏览器在ios10中不能播放视频问题(无解)
- IIS 支持 flv文件播放 (浏览器中可打开一flv文件)
- asp.net音频播放代码,兼容HTML5以及非HTML5浏览器
- 兼容各个浏览器的H.264播放: H.264+HTML5+FLOWPLAYER+WOWZA+RMTP
- HTML5视频支持检测(检查浏览器是否支持视频播放)
- 视频在苹果ios浏览器微信内置浏览器中无法播放问题
- h5 video视频播放
- 解决H5播放视频黑屏只有声音没有图像的问题,Java调用ffmpeg转码成h264的mp4格式
- Video.js 播放rtmp视频流
- 自制 h5 音乐播放器 可搜索