Html5 播放Hls格式视频
2018-02-07 23:10
344 查看
移动端Html5支持Hls格式视频播放,创建一个新的文件命名为VideoPlayerDemo-Html5.html打开
该文件写入如下内容,保存文件将该文件放到移动端(例如Android手机)直接打开可观看视频,
如图1所示。
图1Html5 播放Hls效果图
该文件写入如下内容,保存文件将该文件放到移动端(例如Android手机)直接打开可观看视频,
如图1所示。
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>HTML5播放视频</title> </head> <body> <video width="352" height="288" controls> <source src="http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" type="application/vnd.apple.mpegurl"> 浏览器不支持 video 标签。 </video> </body> </html
图1Html5 播放Hls效果图
相关文章推荐
- 一个html5播放视频的video控件只支持android的默认格式mp4和3gp
- HTML5 之前的视频播放格式
- 写了个html5播放视频的video控件,只支持mp4和3gp(android和ios默认支持的格式就写了这个)
- HTML5的video标签,视频在网页播放没有画面只有声音,支持的格式,MP4,
- JS控制HTML5媒体播放与暂停,及Chrome兼容的视频格式
- HTML5 上播放视频格式兼容性
- 一个html5播放视频的video控件只支持android的默认格式mp4和3gp
- ckplayer实现mp4等html5支持格式视频的网页播放
- 视频直播技术之HLS 如何播放m3u8格式
- html5中使用标签支持视频播放
- html5支持的视频格式
- html5视频播放解决方案
- 【多媒体】Android使用MediaCodec硬解码播放H264格式视频文件
- HTML5 播放视频代码
- 【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?
- 使用HTML5在网页中嵌入音频和视频播放的基本方法
- html5 视频播放 上传文件 控件
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- 关于对html5播放实时视频流的预研
- html5结合flash实现视频文件在所有主流浏览器兼容播放