hls在HTML5页面中进行播放

最新推荐文章于 2024-08-15 09:33:26 发布

zfgogo

最新推荐文章于 2024-08-15 09:33:26 发布

阅读量2w

点赞数 3

分类专栏：直播文章标签： html5 视频 html

本文链接：https://blog.csdn.net/zfgogo/article/details/52440630

版权

本文介绍了如何在HTML5页面中播放m3u8格式的视频，通过使用jwplayer，并提供了相关网页代码示例及ffmpeg转码命令，详细说明了配置过程中的注意事项。

摘要由CSDN通过智能技术生成

最近，m3u8视频如何在HTML页面上进行播放。找了半天都没找到，花了一天时间将问题解决，为了方便别人，编写了这篇日志。实现html页面下m3u8格式视频的播放。

网上也有人说了，需要用到jwplayer。

网页代码如下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width" />
<link rel="apple-touch-icon" href="logo.png" />
<title>校园观光车实景查看</title>
<style type="text/css">
<!--
body {
    background-color:#680000;
    font-family: sans-serif;
    font-size: 0.9em