Html5 播放Hls格式视频

时间:2022-11-14 09:03:16

  移动端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

 Html5 播放Hls格式视频

                                               图1Html5 播放Hls效果图