为什么h5 video标签在iPhone上播放不了(安卓能播放)

<!DOCTYPE html>



Document
<br> video{<br> width: 500px;<br> height: 500px;<br> border:1px solid #000;<br> }<br>

<video src="1.mp4" autobuffer autoloop loop controls></video>


图片说明

name_lc_developer
name_lc_developer @咚子,现在这个微信公众号的ios不能播放h5视频的问题解决了吗?
10 个月之前 回复

5个回答

可能是MIME TYPE 问题。
加个type="video/mp4" 试试看吧

qq_42982576
one_潇洒走一回 回复咚子: 加了 但是播放不了
大约一年之前 回复
qq_37699180
咚子 不是的 加了也没用
接近 3 年之前 回复

换个浏览器试试,别用QQ自带的,

qq_37699180
咚子 都不行 而且我做的微信网页开发
接近 3 年之前 回复

你可以试试这种写法

<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持该视频格式。
</video> 

video里面的这三个内容,是如果支持mp4就播放mp4的,如果不支持mp4的就播放ogg的,如果两个都不支持,那么就会显示文字。

我们的公众号,mp4的是可以支持的。

一般情况下,这样就可以自动播放了,但是一些奇葩iPhone机不可以

 document.getElementById('video').play(); 

必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效

 document.addEventListener("WeixinJSBridgeReady", function () { 
    document.getElementById('video').play(); 
}, false);

楼主的问题是因为苹果手机浏览器的视频播放政策引起的,推荐你看这一篇文章
http://www.cocoachina.com/ios/20161013/17754.html

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
html5的video标签在iphone不能播放视频
本人不做前端开发,公司项目碰到html5相关问题特来向各位网友求解决方法。 想在html文件嵌入视频,做了很多尝试都失败: 第一种: ``` <dl> <dt> <video src="video/11/11.mpg" controls="controls" type="video/mpeg" "width="100%" height="240" poster="video/11/11.jpg"></video></a> <span>美人鱼</span></a> </dt> </dl> ``` 在安卓下可以播放,在iphone下的播放按钮打了一个反斜杠,点击不了播放按钮。 第二种:在第一种基础上把src属性改为data-src属性,iphone下的播放按钮正常了,但是点击并不播放,服务器端也看不到对视频文件的http请求。 第三种:网上查阅说video标签对视频格式的要求,就Freemake Video Converter软件转码成mp4,ogg,webm三种格式,用如下代码: ``` <dl> <dt> <video> preload="auto" poster="video/4/4.jpg" controls="controls"> <source type="video/webm" src="video/4/4.webm"></source> <source type="video/ogg" src="video/4/4.ogg"></source> <source type="video/mp4" src="video/4/4.mp4"></source> </video> <span>篮球</span></a> </dt> </dl> ``` iphone下点击播放仍然没有反应,服务器收不到请求,安卓下显示解码错误。 请问各位有相关开发经验的网友有何建议,十分感谢!
html5开发,android中的微信内置浏览器如何让video标签的视频不全屏播放
android微信中扫一扫打开的网页播放video标签时全屏才能播放,不全屏就暂停,video如何不全屏播放?是android的
使用H5video标签的android版微信视频无法自动播放
``` <video controls="controls" autoplay="autoplay" width="100%" height=198 poster="image/xxx.png" runat="server" id="VideoShow"><source type="video/mp4" src="xxx.mp4" webkit-playsinline=true> </video> ``` iphone5s能自动播放,小米2S,华为M7不能自动播放。 也试过 ``` setTimeout(myfunction(), 1000); function myfunction() { document.getElementById('VideoShow').load(); document.getElementById('VideoShow').pause(); document.getElementById('VideoShow').play(); } ``` 还是没效果
html5的video标签不能再苹果手机中播放是怎么回事
我在页面中使用video标签,电脑浏览器和安卓的都能正常播放,在ios下面只播放了5秒让后页面就一直卡住过不去了,是新版的ios不支持video标签了吗,还是ios下要改动兼容性,下面是我的简写代码。。。 ``` <video width="600" height="450" controls="controls" preload="preload" poster ="url"> <source src='url' type="video/mp4"> </video> ```
h5 video标签 全屏后 视频只显示一半
android webview调用H5页面播放视频(使用的是H5的video标签) 部分手机(小米NOTE 三星glaxyA7、ZUK等)全屏后视频只显示了一半 有没有什么解决方案?![图片说明](https://img-ask.csdn.net/upload/201607/26/1469517204_934623.jpg)
iphone6s 中的video标签
![图片说明](https://img-ask.csdn.net/upload/201905/23/1558580962_859937.png) 使用的是uni-app开发,android,ios,小程序端都没有问题。但是H5平台上有点问题,在iPhone6s上浏览时,会出现两个播放按钮,video组件上已经设置了关闭视频中间的播放按钮。就只有iPhone6s上出现这样的问题。如何解决。
H5中的Video标签中的loop属性与Bootstrap在整合时为什么视频不循环播放
``` <video src="video/vedio1.mp4" preload="auto" loop="loop" controls="controls" autoplay> <p>你的浏览器不支持video标签.</p> </video> ``` 很奇怪,在火狐里边这样写是可以循环的,但是Chrome只能播放一次。当我不用Bootatrap框架的时候,它却可以循环播放。请大神帮我解答。
html5 用video标签播放mp4格式的视频有些能放出来有些放不出来是怎么回事啊?
html5 用video标签播放mp4格式的视频有些能放出来有些放不出来是怎么回事啊? 用转换器把视频编码格式转成了H264 音频编码专成了 AAC 也还是放不出来
Android webview H5 视频播放 厂商机型兼容
Android webview 嵌套H5 video标签 华为P8 无法播放视频,其他型号手机视频播放正常
求教Android系统下使用<video> 浏览器不能播放MP4视频问题
苹果系统下能播放,Android系统就是不能播放,视频编码格式H.264都转过了也是不能播放。 在本地的IIS上搭建配置,用苹果手机和安卓手机浏览网页是可以正常播放视频的,放到服务器上安卓手机就播放不了,MIME类型也配置了,急。。。 填别的网站视频链接又可以播放,难道与域名有关? <video controls width="100%"> <source id="video1" src="/video.mp4" type="video/mp4" /> <source id="video2" src="/video.webm" type="video/webm" /> <source id="video3" src="/video.ogg" type="video/ogg" /> </video>
如何实现iPhone在网页上播放视频
在html5中,使用video标签,播放视频,不能在网页上自动播放,必须要弹出视频框播放,怎么样才能直接在网页上播放?
微信小程序给video元素绑定事件 在iphone手机失效,在安卓和电脑上可以,怎么办?
微信小程序给video元素绑定事件 在iphone手机失效,在安卓和电脑上可以,怎么办?
微信公众号h5页面<video>标签播放视频问题
微信公众号中h5页面播放<video>中的视频,使其在第一张图片的小区域内播放,不让其使用微信内置浏览器播放,该如何解决,求大神告知?????? ![图片说明](https://img-ask.csdn.net/upload/201703/24/1490343191_506005.jpg)![图片说明](https://img-ask.csdn.net/upload/201703/24/1490343202_950337.jpg)
html5 video标签安卓手机快进快退不管用 画面暂停
html5 video标签安卓手机快进快退不管用 画面暂停 ios正常
html5 video标签 在ios播放不了m3u8格式
![图片说明](https://img-ask.csdn.net/upload/201607/05/1467687864_328855.png) 用苹果手机打开这个网页 ,只显示播放按钮 ,播放不了, 我用火狐浏览器 调成iphone 有一天警告:HTTP "Content-Type" 中的 "application/vnd.apple.mpegurl" 不支持。媒体资源 http://192.168.1.134:1935/live/jixi.stream/playlist.m3u8 加载失败。
H5 Video标签在小米MIX2真机下无法播放视频,其他安卓机可以播放
删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除
请教各位朋友们,为什么html中的video标签不能播放时长大于5s的视频?
各位朋友们好,我用django自己建了一个网站,以mod_wsgi+apache的方式部署在阿里云的ubuntu系统上,网站上的视频播放我是用的html中的video标签做的,但是我发现我只能播放时长<=5s的视频,大于这个时长的视频就会提示: 视频播放因网络错误而终止。 我的播放视频的代码是: video src="0.mp4" controls="controls" style="width:500px;height:300px;" 希望各位大神们指点一下,十分感谢。 ![图片说明](https://img-ask.csdn.net/upload/201510/25/1445760364_836223.png)
多个H5播放器video 如何播放暂停,没有思路,请求各路大神。
我的h5页面有 5个<video> 共5个视频。想实现点击其中一个视频播放,暂停掉上一个视频。 比如:现在正在播放着视频 1当我点击视频3的时候,视频1暂停,视频3播放。
html5 视频在iphone手机上如何能不自动全屏
html5 video视频标签在手机iphone浏览器中 会自动全屏打开 请问有什么方式能让他不全屏么 在网页中该展示多大就是多大的
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
win10系统安装教程(U盘PE+UEFI安装)
一、准备工作 u盘,电脑一台,win10原版镜像(msdn官网) 二、下载wepe工具箱  极力推荐微pe(微pe官方下载) 下载64位的win10 pe,使用工具箱制作启动U盘打开软件,   选择安装到U盘(按照操作无需更改) 三、重启进入pe系统   1、关机后,将U盘插入电脑 2、按下电源后,按住F12进入启动项选择(技嘉主板是F12)     选择需要启
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
Nginx 软件层面加强Nginx性能优化的面试问答和解决方案
Nginx 软件层面加强Nginx性能优化的面试问答和解决方案 去年我去爱卡汽车面试PHP,一轮和二轮面的都不错,在三轮面到Nginx的时候很多问题当时不知道怎么回答,确实没有深入学习过,花了一段时间的学习,终于能解答Nginx高性能优化的问题了,10月24号为了获得程序员勋章,发布了半个优化笔记,浏览到了1000+,受到这个鼓舞,我抽时间在仔细整理下关于Nginx性能优化的问题,我们从软件说起。...
【管理系统课程设计】美少女手把手教你后台管理
【文章后台管理系统】URL设计与建模分析+项目源码+运行界面 栏目管理、文章列表、用户管理、角色管理、权限管理模块(文章最后附有源码) 1. 这是一个什么系统? 1.1 学习后台管理系统的原因 随着时代的变迁,现如今各大云服务平台横空出世,市面上有许多如学生信息系统、图书阅读系统、停车场管理系统等的管理系统,而本人家里就有人在用烟草销售系统,直接在网上完成挑选、购买与提交收货点,方便又快捷。 试想,若没有烟草销售系统,本人家人想要购买烟草,还要独自前往药...
11月19日科技资讯|华为明日发布鸿蒙整体战略;京东宣告全面向技术转型;Kotlin 1.3.60 发布
「极客头条」—— 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧。扫描上方二维码进入 CSDN App 可以收听御姐萌妹 Style 的人工版音频哟。 一分钟速览新闻点! 6G 专家组成员:速率是 5G 的 10 至 100 倍,预计 2030 年商用 雷军:很多人多次劝我放弃WPS,能坚持下来并不是纯粹的商业决定 ...
C语言魔塔游戏
很早就很想写这个,今天终于写完了。 游戏截图: 编译环境: VS2017 游戏需要一些图片,如果有想要的或者对游戏有什么看法的可以加我的QQ 2985486630 讨论,如果暂时没有回应,可以在博客下方留言,到时候我会看到。 下面我来介绍一下游戏的主要功能和实现方式 首先是玩家的定义,使用结构体,这个名字是可以自己改变的 struct gamerole { char n
化繁为简 - 腾讯计费高一致TDXA的实践之路
导语:腾讯计费是孵化于支撑腾讯内部业务千亿级营收的互联网计费平台,在如此庞大的业务体量下,腾讯计费要支撑业务的快速增长,同时还要保证每笔交易不错账。采用最终一致性或离线补...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple/ 
Java学习笔记(七十二)—— Cookie
概述 会话技术: 会话:一次会话中包含多次请求和响应 一次会话:浏览器第一次给服务器发送资源请求,会话建立,直到有一方断开为止 功能:在一次会话的范围内的多次请求间,共享数据 方式: 客户端会话技术:Cookie,把数据存储到客户端 服务器端会话技术:Session,把数据存储到服务器端 Cookie 概念:客户端会话技术,将数据存储到客户端 快速入门: 使用步骤: 创建C
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆  每天早上8:30推送 作者| Mr.K   编辑| Emma 来源| 技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯
程序员该看的几部电影
##1、骇客帝国(1999) 概念:在线/离线,递归,循环,矩阵等 剧情简介: 不久的将来,网络黑客尼奥对这个看似正常的现实世界产生了怀疑。 他结识了黑客崔妮蒂,并见到了黑客组织的首领墨菲斯。 墨菲斯告诉他,现实世界其实是由一个名叫“母体”的计算机人工智能系统控制,人们就像他们饲养的动物,没有自由和思想,而尼奥就是能够拯救人类的救世主。 可是,救赎之路从来都不会一帆风顺,到底哪里才是真实的世界?
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东
@程序员,如何花式构建线程?
作者 |曾建责编 | 郭芮出品 | CSDN(ID:CSDNnews)在项目和业务的开发中,我们难免要经常使用线程来进行业务处理,使用线程可以保证我们的业务在相互处理之间可以保证原子性...
破14亿,Python分析我国存在哪些人口危机!
2020年1月17日,国家统计局发布了2019年国民经济报告,报告中指出我国人口突破14亿。 猪哥的朋友圈被14亿人口刷屏,但是很多人并没有看到我国复杂的人口问题:老龄化、男女比例失衡、生育率下降、人口红利下降等。 今天我们就来分析一下我们国家的人口数据吧! 一、背景 1.人口突破14亿 2020年1月17日,国家统计局发布了 2019年国民经济报告 ,报告中指出:年末中国大陆总人口(包括31个
强烈推荐10本程序员在家读的书
很遗憾,这个鼠年春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终
Linux自学篇——linux命令英文全称及解释
man: Manual 意思是手册,可以用这个命令查询其他命令的用法。 pwd:Print working directory 显示当前目录 su:Swith user 切换用户,切换到root用户 cd:Change directory 切换目录 ls:List files 列出目录下的文件 ps:Process Status 进程状态 mk
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
文章目录1. 前言2. 数据下载3. 数据处理4. 数据可视化 1. 前言 今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。 2月6日追记:本文发布后,腾讯的数据源多次变更u
智力题(程序员面试经典)
NO.1  有20瓶药丸,其中19瓶装有1克/粒的药丸,余下一瓶装有1.1克/粒的药丸。给你一台称重精准的天平,怎么找出比较重的那瓶药丸?天平只能用一次。 解法 有时候,严格的限制条件有可能反倒是解题的线索。在这个问题中,限制条件是天平只能用一次。 因为天平只能用一次,我们也得以知道一个有趣的事实:一次必须同时称很多药丸,其实更准确地说,是必须从19瓶拿出药丸进行称重。否则,如果跳过两瓶或更多瓶药
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ......
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!
2020年的1月,我辞掉了我的第一份工作
其实,这篇文章,我应该早点写的,毕竟现在已经2月份了。不过一些其它原因,或者是我的惰性、还有一些迷茫的念头,让自己迟迟没有试着写一点东西,记录下,或者说是总结下自己前3年的工作上的经历、学习的过程。 我自己知道的,在写自己的博客方面,我的文笔很一般,非技术类的文章不想去写;另外我又是一个还比较热衷于技术的人,而平常复杂一点的东西,如果想写文章写的清楚点,是需要足够...
别低估自己的直觉,也别高估自己的智商
所有群全部吵翻天,朋友圈全部沦陷,公众号疯狂转发。这两周没怎么发原创,只发新闻,可能有人注意到了。我不是懒,是文章写了却没发,因为大家的关注力始终在这次的疫情上面,发了也没人看。当然,我...
Java坑人面试题系列: 包装类(中级难度)
Java Magazine上面有一个专门坑人的面试题系列: https://blogs.oracle.com/javamagazine/quiz-2。 这些问题的设计宗旨,主要是测试面试者对Java语言的了解程度,而不是为了用弯弯绕绕的手段把面试者搞蒙。 如果你看过往期的问题,就会发现每一个都不简单。 这些试题模拟了认证考试中的一些难题。 而 “中级(intermediate)” 和 “高级(ad
Spring Boot 2.x基础教程:使用JdbcTemplate访问MySQL数据库
在第2章节中,我们介绍了如何通过Spring Boot来实现HTTP接口,以及围绕HTTP接口相关的单元测试、文档生成等实用技能。但是,这些内容还不足以帮助我们构建一个动态应用的服务端程序。不论我们是要做App、小程序、还是传统的Web站点,对于用户的信息、相关业务的内容,通常都需要对其进行存储,而不是像第2章节中那样,把用户信息存储在内存中(重启就丢了!)。 对于信息的存储,现在已经有非常非常多...
基于Python的人脸自动戴口罩系统
目录 1、项目背景 2、页面设计 3、器官识别 4、退出系统 1、项目背景 2019年新型冠状病毒感染的肺炎疫情发生以来,牵动人心,举国哀痛,口罩、酒精、消毒液奇货可居。 抢不到口罩,怎么办?作为技术人今天分享如何使用Python实现自动戴口罩系统,来安慰自己,系统效果如下所示: 本系统的实现原理是借助 Dlib模块的Landmark人脸68个关键点检测库轻松识别出人脸五官
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。   再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。   下文是原回答,希望能对你能有所启发。   如果我说,这个世界上人真的分三六九等,
相关热词 c# 时间比天数 c# oracle查询 c# 主动推送 事件 c# java 属性 c# 控制台 窗体 c# 静态类存值 c#矢量作图 c#窗体调用外部程式 c# enum是否合法 c# 如何卸载引用
立即提问