Html5 播放Hls格式视频

移动端Html5支持Hls格式视频播放，创建一个新的文件命名为VideoPlayerDemo-Html5.html打开

该文件写入如下内容，保存文件将该文件放到移动端（例如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效果图

交流群号为1038388075，766718184 ，博主提供Ffmpeg、GB28181视频教程播放地址： http://www.iqiyi.com/u/1426749687

视频下载地址：http://www.chungen90.com/?news_3/