html5 video标签 在ios播放不了m3u8格式 5C

图片说明
用苹果手机打开这个网页 ,只显示播放按钮 ,播放不了,
我用火狐浏览器 调成iphone 有一天警告:HTTP "Content-Type" 中的 "application/vnd.apple.mpegurl" 不支持。媒体资源 http://192.168.1.134:1935/live/jixi.stream/playlist.m3u8 加载失败。

3个回答

video不支持你这种格式的数据,而且不同浏览器支持的格式也不一样,h5不是万能的,想播放什么格式的都可以
浏览器Html5 Video支持的视频格式

建议您使用跟标签

建议您使用object标签跟embad标签

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
HTML5中video标签播放m3u8
HTML5中video标签播放m3u8,遇到问题是:PC机上浏览器都不能访问(IE11,Chrome,Firefox,Opera,Safari),但安卓手机中的浏览器可以正常使用。不得其解,有遇到此类问题的仁兄吗?
ios html5 video m3u8 直接播放
在ios先做视频播放 html5 video 标签 播放的m3u8 格式的 显示页面一打开 不是直接播放 内容 需要点击视频 然后全屏播放的 有没有方法直接加载后 直接播放 rnrn rn Your browser does not support the video tag. rn
前端video标签播放m3u8格式视频
直接使用video.js插件就行了 video插件用法:https://www.awaimai.com/2053.html 以下是全部代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>前端播放m3u8格式视...
html5 video标签播放自定义的m3u8链接视频问题
目前html5的video标签已经可以支持m3u8格式的视频进行播放rn小弟的问题是,怎么在后端模拟出一个通过video标签,可以正常播放自定义的m3u8视频链接rn例如:优酷的m3u8链接类似是 http://pl.youku.com/playlist/m3u8?ts=xxxxxxxrnrn那么如果是我这边要提供这样的一个m3u8链接,在服务端应该怎么写,链接返回的类型、内容要怎么写呢?rn例如前端页面的调用大概是这样的:rn rnrn也查看过了一下优酷的m3u8格式大概是这样的:rn#EXTM3Urn#EXT-X-TARGETDURATION:10rn#EXT-X-VERSION:2rn#EXTINF:5rnhttp://vali.cp31.ott.cibntv.net/67752E7E4FB3A7AA69068289D/0300080500583C6D24C3392D9B7D2F255CD548-5BB6-BE1E-DB52-8CD78FC62000.mp4.ts?ts_start=0&ts_end=5&ts_seg_no=0&ts_keyframe=0rn#EXTINF:10rnhttp://vali.cp31.ott.cibntv.net/67752E7E4FB3A7AA69068289D/0300080500583C6D24C3392D9B7D2F255CD548-5BB6-BE1E-DB52-8CD78FC62000.mp4.ts?ts_start=5&ts_end=15&ts_seg_no=1&ts_keyframe=0rn#EXTINF:10rnhttp://vali.cp31.ott.cibntv.net/67752E7E4FB3A7AA69068289D/0300080500583C6D24C3392D9B7D2F255CD548-5BB6-BE1E-DB52-8CD78FC62000.mp4.ts?ts_start=15&ts_end=25&ts_seg_no=2&ts_keyframe=0rn#EXTINF:10rn。。。。。rn。。。。。rnrn我尝试过直接将优酷的m3u8解析出来,然后通过video标签调用这个链接返回这串文本的内容也没成功
html5 video标签播放问题
1、动态创建video标签       如果是用jquery的$html方法或者after等方法,都会有播放延时问题       需要使用标准的createElement方法创建   2、h264播放兼容问题   3、nginx server需要安装nginx_mod_h264_streaming更好 ...
解决video标签播放m3u8格式视频失败问题
前言 什么是m3u8? 效果 效果地址 m3u8视频切换 效果图片 解决方法 采用video.js插件! 引入 引入videoJS插件样式文件; 引入videoJS插件JS文件; 引入videoJS插件播放m3u8格式视频的HLS功能。 <link href="./video-js.css" rel="stylesheet">...
video播放m3u8格式连续播放 以及播放列表
解决m3u8播放失败的问题 当不需要动态加载视频源的时候 直接引入插件的地址即可 <div class="videoBox"> <video class="video-js vjs-big-play-centered" controls preload="auto" width="640" height="264" data-setup="{
HTML5 Video标签播放MP4失败的问题
今天遇到一个很奇怪的事情,我有两个MP4文件,放在video标签里面播放,结果一个能播放,一个不能播放。如图: 对比着两个MP4文件,好像并没有什么不同的地方。 后来发现是浏览器兼容的问题,原先用的是谷歌浏览器,后来用edge浏览器,发现都能播放了。。 谷歌浏览器的版本是:版本 65.0.3315.4(正式版本) (32 位) 不知道具体怎么不兼容。反正问题解决了。
HTML5实现video标签的自定义播放进度条
HTML5实现video标签的自定义播放进度条 现在随着html5的渐热,越来越多的web开发者都开始选择使用html5写出一些比较好的web应用。 html代码: <!DOCTYPE html> <html lang="en"> <head> <meta chars
html5 video标签不能播放mp4的问题
最近项目中遇到的问题如下: 利用html5中的 video 标签去播放视频,但是发现有的mp4格式的视频可以播放,有的mp4格式的视频不能播放。视频格式 首先 video 标签只支持MPEG4,Ogg,WebM 三种视频格式,浏览器支持情况如下:但是,video标签对这三种视频格式是有具体要求的Ogg = 带有 Theora 视频编码 + Vorbis 音频编码 MPEG4 = 带有 H
html5 video标签播放视频流解决方案
项目要求从文件服务器读取音视频文件,以流的方式传给前台,并能够播放视频。 做了一个demo,用html5的video,audio标签实现。 后台实现代码: @GetMapping(value = "/getVideos") public String getVideos(HttpServletRequest request, HttpServletResponse response) { ...
求助 safari video标签播放不了视频流
最近我在搞webrtc+kurento 搭建一个小型直播系统,在windows 上的chrome发起直播,然后在移动端,pc端可以进行观看。目前在windows ,安卓上使用chrome都是可以正常观看的。在ios 上遇到了问题,mac os 的chrome可以正常播放,但是safari 就不行了,可以接收到流但是播放不出来。这里我想问一下 懂video的朋友 ,ios下 video对播放的源有什么要求吗。 目前我是这样子对video赋值的rn[code=javascript] function setRemoteVideo() rn if (remoteVideo) rn remoteVideo.pause();rn var stream = pc.getRemoteStreams()[0];rn remoteVideo.srcObject = stream;rn logger.debug('Remote stream:', stream);rn remoteVideo.load();rn remoteVideo.play();rn rn [/code]rn报文如下rn[img=https://img-bbs.csdn.net/upload/201803/07/1520387115_875883.png][/img]
IE11 下 video标签 播放不了MP4 视频?
rnrnrn rn 无标题文档rn rnrnrnrn rnrnrnrnrn=============rnIE11 下 video标签 播放不了MP4视频 ?
AngularJS--给video标签赋值播放不了
公司在做直播,H5使用video标签来播放拉流地址的,但是小编遇到一个问题,把拉流地址写死在src属性里就可以播放,但是从库里动态获取赋值给src时就播放不了,查了查是由于用AngularJS的原因 动态获取到的路径angular环境不识别,需要进行处理一下,让angular识别,并认为是安全的路径来使用。angular提供了一种方法$sce 使用方法: html页面: <!-...
HTML5 Video播放本地文件
  本人在做项目的时候,有个功能需求需要播放云上的视频和本地磁盘里的视频,播放云上的视频有url直接就能播放,但是播放本地的视频涉及到浏览器跨域的问题,在网上找了很多,但都不能解决我的问题,最后想到了构建流的方式在服务器上播放本地视频。 下面是我在服务器上播放本地视频的效果图 先贴上html5代码 <!DOCTYPE html> <html lang="en"&...
HTML5播放本地Video
本文所用方法从  http://blog.csdn.net/yl02520/article/details/15029593    处做了少许的修改得来~ Your browser can't support HTML5 Audio function onInputFileChange() { var file = document.get
火狐放不了html5 video MP4格式
火狐放不了html5 video MP4格式 这里教大家解决火狐播放html5 video时 显示视频或mime类型不支持 这是因为火狐不支持mp4格式视频的播放,所以得把mp4格式的视频转为ogg格式的 一:下载 这里提供一个转换工具 [Total Video Audio Converter] 如果链接失效,请自行百度。 二:解压...
html5 video播放队列
公司有个需求,就是播放音乐的时候,来了一条语音消息,需要把音乐音量调小,然后开始播放消息,但是播放消息的队列是动态的,也就是说,可能正在播消息,这时候又来了一条消息。不能中断现在播的,需要播完了再播下一条消息,消息全部播完把放音乐的音量恢复。(页面上有两个video,一个是放音乐的,一个是播消息的) 公司用的是websocket连接html5页面的,所以会实时的推送语音消息过来
html5多媒体标签之video标签
一,video标签的基本属性<!-- 什么是video标签 1,格式: <video src=""> </video> 基本属性: src:用于播放视频地址,包括url和本地视频 autoplay:自动播放视频 controls:视频播放控制条(时间显示,进度条,声音等) poster:视频站位图片 loop:循环播放,
html5——video标签 audio标签
1、video标签: &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;video src=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;l
HTML5 介绍(Video标签)
HTML5  介绍 HTML5 草案的前身名为 Web Applications 1.0。於 2004 年被 WHATWG 提出,於 2007 年被 W3C 接纳, 并成立了新的 HTML 工作团队。在 2008 年 1 月 22 日,第一份正式草案已公布,预计将在 2010 年 9 月正式 向公众推荐。WHATWG 表示该规范是目前正在进行的工作,仍须多年的努力。 新标记  H
HTML5标签video官方文档
HTML5标签video官方文档 十分详细
HTML5 video标签的使用
最近做一个手机App分享页面,需要分享视屏。 ios 分享链接在android 打开,视屏颠倒过来了。网上看了些资料。。 scale 这个方法貌似可以对画布做缩放的处理, video标签能不能做到类似的处理?rn在css样式中:-webkit-transform: rotate(180deg); 这样设置可以把标签旋转角度180,可是这样,video标签播放的按钮也颠倒了。显然这样处理也存在问题rnrn有木有道友遇到类似的问题,帮忙解惑
关于html5的video标签
页面有video1和video2,我先播放video1,暂停video1后播放video2,当前带宽是不是同时在请求video1和video2的资源,这样video2播放起来是不是会很卡? 我如何在暂停video1的时候,同时暂停它的资源请求?
HTML5学习笔记之video标签
HTML5进阶笔记之video标签在HTML5的新特性中增加了对原生视频文件的支持,可以在播放视频时无需Flash插件。在页面中嵌入视频可以通过如下的简单代码实现:<video src="foo.mp4" width="300" height="200" controls> Your browser does not support the <video> element. </vi
html5的 video标签
自己用html5 的标签写了一个视频播放的页面,我想用js来控制播放 停止 循环播放 rn rn rn 您的浏览器不支持HTML5 video 标签rn rn rn rn rnrn 点播放的时候我想给video标签增加了自动播放的属性,可是没有自动播放,怎么回事啊?rn jQuery(function()rn jQuery('#play').click(function()rn jQuery("#example").attr('autoplay','true');rn );rn );rn 怎么通过js来控制这个视频的播放情况啊?
html5 video标签和flash
html5的video标签能够在很多浏览器上播放流媒体,如rtmp的,大家所知播放流媒体一般都是flash的事,那html5的video标签的底层也是用到了flash的一套的东西么,html5的video实现和flash有无本质联系?
移动端 .m3u8格式音频流播放
音频流播放: 音频不应该放audio标签吗?  因为audio没 video 标签的功能 html: &amp;lt;video id=&quot;video&quot; width=&quot;0&quot; height=&quot;0&quot; src=&quot;&quot; x5-playsinline=&quot;true&quot; playsinline=&quot;true&quot; webkit-playsinline=&quot;true&quot;&amp;gt;    &
video在ios不能播放
我之前的做法是,请求一个视频链接,返回一整个视频文件。 安卓机是没问题的,但是ios播放有问题 对于ios来说,他不是一次性请求全部文件的,一般首先会请求0-1字节,这个写在request header的&quot;range&quot;字段中: range:'bytes=0-1' 如果是想要传输视频,必须要解析range字段,然后按照range字段的要求返回对应的数据,同时response header至少要包含...
videojs 播放.M3U8格式视频
1.原生video标签网页端只支持MP4、OGG、WebM的视频格式 2.直播的视频格式一般为.m3u8,如果不行对video进行格外处理,可以采用video.js插件 3.video.js须配合第三方的videojs库videojs-contrib-hls.js来播放.m3u8视频 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;he...
video怎么播放m3u8的视屏啊?
知道一个m3u8的地址 :http://61.164.202.30:443/live/14.m3u8rn怎么在自己做的网页上用video打开页面直接播放啊?
支持m3u8格式播放的video.js
为什么要使用video.js? 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差 3. video.js解决以上两个问题,还可以有各种视频状态接口暴露,优化体验
html5 video播放次数统计
我想在点击播放时就统计一次播放次数,怎么做
HTML5 video 标签浏览器兼容问题
HTML5 video 标签浏览器兼容问题 小示例代码地址:https://github.com/danhuan/video-demo IE8、火狐、谷歌测试通过。使用需要注意的问题:1.多种格式视频不可以只有MP4格式,一定要引入Ogg格式视频,否则在火狐上会不兼容报错。
Html5 video audio 标签异常
[img=https://img-bbs.csdn.net/upload/201701/11/1484099360_33562.png][/img][img=https://img-bbs.csdn.net/upload/201701/11/1484099381_296662.png][/img]rnrnrnrnrn代码: rn rn 当前浏览器不支持 video直接播放,点击这里下载视频: 下载视频rn rn
HTML5中video标签的小技巧
1. 低版本webview中事件不触发的问题 2.隐藏视频中的controls 3.低版本webview中封面不显示的问题
Web视频播放 之 【HTML5 Video标签】
一、说明HTML5中引入了video标签用于方便的在浏览器中播放视频,不在需要对flashPlayer进行依赖,更加轻量级。但在浏览器兼容、视频协议支持方面还有一些需要注意的问题。二、浏览器兼容 HTML5 Video标签目前IE9+ 及 其他主流浏览器都能够支持。 对于IE8及以下的IE浏览器,可考虑引入html5扩展支持js来尝试解决,未亲测。 三、视频协议支持支 持:Ogg
html5 video标签嵌入视频
前面谈到了网页怎么嵌入flash视频,就想到了另一个问题,flash格式视频在手机上播放,需要手机安装flash播放插件,而且flash视频绝对无法在苹果手机上播放,因为苹果对flash的不支持,导致现在flash前景堪忧。当然目前已经有些插件可以支持苹果手机播放flash视频。   这里就要谈一谈html5的video标签了。html5功能的强大是毋庸置疑的,而且作为一款为苹果量身定做的前
实现HTML5的video标签视频播放器
实现HTML5的video标签视频播放器:VideoPlayer
个人小记 html5 video标签
最近在制作网页播放视频的时候,毫不迟疑的选择了video标签,但是在使用的时候遇到了奇葩的问题。 video学习地址:http://www.w3school.com.cn/html5/html5_video.asp 在使用标签播放MP4视频的时候,有声音但是没有视频画面 使用示例如下: id="player1" poster="../media/echo-hereweare.jpg" c
相关热词 c# login 居中 c# 考试软件 c# 自然语言分析 c# 分段读取文件 c# 泛型反射 c#打断点 c# 时间转多少秒 c# 线程函数加参数 c# modbus 读取 c#查询集合表