我正在使用HTML5视频标签实现视频播放器。我收到的视频资源由Brightcove托管和交付,它是一个m3u文件。是否可以通过HTML5视频标签播放此视频?HTML5视频标签可以播放m3u文件吗?

我认为从Brighcove服务器产生的m3u文件被设置为支持自适应比特率流。我曾尝试使用master(包含每个演绎的详细信息)和每个单独的演绎文件的m3u文件。

但是我的视频标签没有任何反应。控制台中没有任何错误,虽然我觉得会有的。我使用的是Chrome,而且我在其他地方看过它支持m3u播放?

在你的回答中请注意,我对HTML5回放完全陌生 - 特别是m3u文件。

这里是我的示例代码:

所产生的m3u文件的内容是这样的(敏感数据删除):

#EXTM3U

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=716000,RESOLUTION=336x184

https://brightcove.com/services/rendition.m3u8?assetId=123456

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1325000,RESOLUTION=504x276

https://brightcove.com/services/rendition.m3u8?assetId=123456

#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1797000,RESOLUTION=720x394

https://brightcove.com/services/rendition.m3u8?assetId=123456

然后每个绘制的内容看起来像这个:

#EXTM3U

#EXT-X-TARGETDURATION:10

#EXT-X-MEDIA-SEQUENCE:0

#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456

#EXTINF:11,

#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456

#EXTINF:11,

#EXT-X-KEY:METHOD=AES-128,URI="https://brightcove.com/services/keyfile?assetId=123456

#EXTINF:11,

etc...

html怎么转换m3u格式,HTML5视频标签可以播放m3u文件吗?相关推荐

  1. html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)

    点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1.  声明的变化 2.  指定字符编码的变化,html5中建议使用utf-8 3.  Html5中允许 没有 ...

  2. html5是播放什么中新,关于html5中标签video播放的新解析-

    这篇文章主要介绍了关于html5中标签video播放的新解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 前端同学要使用 HTML5 播放器视频,必然会使用 video 标签,不过大 ...

  3. html5 video 定位播放,HTML5 video标签的播放控制

    这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播放时间和设置播放点.音量的获取和设置等内容,需要的朋友可以参考下 上一篇介绍了html5标签v ...

  4. HTML5 video标签的播放控制

    转自http://www.php.cn/html5-tutorial-402832.html 这篇文章主要介绍了HTML5 video标签的播放控制,本文讲解了获取影片总时长.播放.暂停.获取影片的播 ...

  5. 会声会影转换成html,HTML5视频制作会声会影就能做?

    原标题:HTML5视频制作会声会影就能做? 大家都知道图片比文字更具吸引力,而视频又比图片更具说服力,因此视频是网站内容当中必不可少的构成部分.而HTML5网页视频制作用会声会影就能很快速的搞定.具体 ...

  6. iphone html5直播,如何在iOS(iPhone和iPad)上播放带有HTML5视频标签的mp4视频文件?

    我想使用视频标记向用户显示 HTML5视频.对于Firefox,Chrome和Opera WEBM按预期工作.在Windows和Mac上的Safari中,我的MP4版本也可以使用.我遇到的唯一问题是它 ...

  7. android--------WebView实现 Html5 视频标签加载

    为什么80%的码农都做不了架构师?>>>    自Android 4.4起,Android中的WebView开始基于Chromium(谷歌浏览器)支持浏览器的一系列功能,webkit ...

  8. android 视频标签,android--------WebView实现 Html5 视频标签加载

    自Android 4.4起,Android中的WebView开始基于Chromium(谷歌浏览器)支持浏览器的一系列功能,webkit解析网页各个节点,这个改变,使得WebView的性能大幅度提升,并 ...

  9. 手机怎样转换php格式,手机视频格式转换方法适合所有手机视频格式转换|如何转换手机视频格式...

    怎么转换手机视频格式,是不是所有类型的手机视频格式都支持转换?是的!!!狸窝全能视频转换器支持所有手机视频格式转换,并且转换步骤也非常简单,可以说狸窝视频转换器是目前网上最简单易用功能强大的视频格式转 ...

最新文章

  1. TCP/IP详解--第六章
  2. python编程入门指南怎么样-如果想学python怎么入门?
  3. hp 服务器系统无法启动不了怎么办,HP Elite X2 1011 G1 笔记本电脑 - 电脑无法启动至预启动执行环境...
  4. 如何在dva的effects中实现回调
  5. 六、乘胜追击,将剩下的Git知识点搞定
  6. Kubernetes 的2020年“野望”
  7. 搭建一个企业级的Vue工程!
  8. 如何基于列值从DataFrame中选择行?
  9. CrossOver for Mac 怎么用?
  10. 清华大学操作系统OS学习(十二)——信号量与管程
  11. c语言由天数求日期,C语言-由日期求天数由天数求日期
  12. 整合ecshop与discuz论坛
  13. php西游记源码,基于Python第三方插件实现西游记章节标注汉语拼音的方法
  14. 问佛----如果浮躁了,静下来看看
  15. linux dlna 网络优化,Linux DLNA
  16. Python Numpy的数组array和矩阵matrix
  17. 中国第一程序员——求伯君(二)
  18. excel操作技巧,你知道吗?反正我不知道
  19. ASP医院管理系统—病历管理系统的设计与实现
  20. 嫦娥四号完成人类首次月面生物实验 月球长出第一株嫩芽

热门文章

  1. 苹果疯了,现在又开始坑支付宝!
  2. word2vec关键词提取 python_如何从word2vec的Google预训练模型中提取单词向量?
  3. 关于无法连接到 DESKTOP-MQNPSU7\SQLEXPRESS
  4. iMeta | 国际标准刊号ISSN印刷版正式确认,双ISSN申请完成
  5. 关于Maven项目里所有代码凭空消失的问题
  6. yum 私有仓库搭建
  7. 1-10 Burpsuite 暴力破解用户密码
  8. 开源系统搭建私有云盘,育网校园云盘系统
  9. 四川农业大学计算机考研难度,四川农业大学考研难吗?一般要什么水平才可以进入?...
  10. image downsampling in python