解决音频在ios环境下播放会全屏的bug方法

最新推荐文章于 2024-06-02 18:02:19 发布
最新推荐文章于 2024-06-02 18:02:19 发布
阅读量620 收藏
点赞数
分类专栏： 前端 前端——HTML 文章标签： audio 前端 ios 全屏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/erdfty/article/details/83340362
版权

网页设计在移动端的时候，会出现播放自动全屏的效果的，说实在这个问题还是蛮棘手的，以下为次bug的解决方法：

<audio id="video" preload="none" class="hide video" width="0" height="0"></audio>

这个时候需要给sudio加上autoplay属性就可以不实现全屏自动播放了

<audio id="video" preload="none" class="hide video" width="0" height="0" autoplay></audio>

 

哈哈hyc
关注
专栏目录
116道iOS面试题+答案，希望对你的面试有帮助
原来是泽镜的博客
01-08 7100
之前看了很多面试题，感觉要不是不够就是过于冗余，于是我将网上的一些面试题进行了删减和重排，现在分享给大家。（题目来源于网络，侵删） 1. Object-c的类可以多重继承么?可以实现多个接口么?Category是什么?重写一个类的方式用继承好还是分类好?为什么? 答： Object-c的类不可以多重继承;可以实现多个接口，通过实现多个接口可以完成C++的多重继承;Category是类别，一般情况用分类好，用Category去重写类的方法，仅对本Category有效，不会影响到其他类与原有类的关系。 2. #
iOS从资源和代码方面为App瘦身处理
m0_60543356的博客
12-17 2405
iOS从资源和代码方面为App瘦身处理
移动端 h5 ios不能自动播放音乐的问题，且播放会全屏等问题
qq_36029761的博客
09-24 441
最近踩了个坑 项目方要求视频播放如下效果 问题1：ios无法自动播放，往上搜到的都是静音播放 话不多说，上代码 首先姚引用微信的js <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> document.getElementById('video').play(); //微信必须加入Weixin JSAPI的WeixinJSB
【xgplayer】xgplayer填坑记 | xgplayer全屏与css全屏冲突
此人太懒，没有任何简介
03-07 2234
【xgplayer】xgplayer填坑记 && xgplayer全屏与css全屏冲突
禁止ios 播放视频自动全屏
jugt的博客
07-31 915
在VIDEO标签中增加 x5-video-player-type=“h5-page” x5-video-orientation=“landscape|portrait”在VIDEO标签中增加 webkit-playsinline=“true” playsinline=“true”2.在IOS浏览中禁止全屏。1.在微信中禁止全屏。
西瓜播放器xgplayer设置自动播放踩坑
最新发布
Hero_rong的博客
06-02 670
上图是官网的介绍，相信大家都是按照官网配置去做的，但是并没有什么用，插件很好用，但是属性不全，真的很悔恨，找遍 api 都没有找到自动播放的属性！最终看了大佬的文章发现了autoplayMuted属性。'autoplayMuted':true, 允许自动播放。设置了这一属性，立马生效，都不需要什么 autoplay。
iOS9 视频播放器 支持本地和网络
12-11
本项目专注于iOS9版本，通过改写开源代码库，提供了一个无bug的视频播放解决方案。下面将详细介绍这个项目涉及的关键知识点。 首先，iOS9中的视频播放通常依赖于AVFoundation框架。AVFoundation是Apple提供的多媒体...
ios 直播集成好的IJKMediaFramework.framework(0.8.8版本)
03-31
3. **配置Info.plist**: iOS为了保护用户隐私，不允许应用在后台播放音频。因此，需要在Info.plist文件中添加`UIBackgroundModes`键，值为数组，包含`audio`，使得应用在后台时可以继续播放音频。 4. **导入头文件*...
ios-基于AVPlayer制作的轻量级视频播放器-支持画中画.zip
07-11
一个支持各种手势, 旋转屏, 画中画播放器 水平滑动: 快进快退 滑动屏幕左侧: 调整亮度 滑动屏幕右侧: 调整声音 ...单机屏幕: 显示或者隐藏控制栏 ...对于ipad, 可能会有bug, codeWorm在不断完善中
解决移动端中video点击视频播放会自动全屏
weixin_40974504的博客
03-21 3万+
video标签中加几条属性x5-playsinline="" playsinline="" webkit-playsinline=""可以解决移动端video点击播放自动全屏问题
html5 video，audio控制播放多次，请求/监测全屏状态
donghao1237的博客
11-23 766
audio 播放 Element.play(); 如果在播放中，调用play，从头播放，则需要先load，同时绑定结束方法，如 1 Element.addEventListener('ended',function(){ 2 3 　　this.load(); 4 5 }) 6 Element.load();Element.paly(); vi...
html5 video播放调研
一名普通码农的菜地
10-20 9685
web duper code{web} :|: life{me} :|: tencent&xiaomi{work} 什么情况下可以使用HTML5播放？ 要支持HTML5播放，浏览器必须同时满足两个条件：浏览器能解析HTML5标准的Video标签。浏览器能对H.264编码的视频做解码。 我们再来细细的说一说这个问题，我们先来解释下什么是HTML5。HTML5是用
html5 video全屏播放/自动播放
热门推荐
编程架构三分天下：分层、分治、分时序。
09-07 5万+
近期开始开发公司新版官网， 首页顶部（header）是一个全屏播放的小视频，开发过程中遇到一些麻烦，还好借助互联网解决了这个问题, 现简单总结如下： &amp;amp;amp;amp;lt;header class=&amp;amp;amp;quot;header&amp;amp;amp;quot; style=&amp;amp;amp;quot;width:100%;position: relative;&amp;amp;amp;quot;&amp;amp
解决video.js 在 IOS播放的时候自动全屏的问题
leonpengweicn的专栏
02-20 1万+
http://stackoverflow.com/questions/5054560/can-i-avoid-the-native-fullscreen-video-player-with-html5-on-iphone-or-android In iOS 10 beta 4.The right code in html 5 is <video src="file.m
Javascript解决音频audio在IOS系统下无法播放问题
cmyh100的博客
06-14 2万+
ios中使用audio，日常踩坑必须！！！点击后即调用xxx.play()这个方法但是我们音频链接数据如果是网络请求而来的，那我们可以这样做：1.在无播放链接的情况下先调用一次xxx.play()，然后暂停xxx.pause()2.请求到数据以后，替换链接3.判断readyState的值0 = HAVE_NOTHING - 没有关于音频是否就绪的信息1 = HAVE_METADATA - 关于音频...
ios使用video播放器，禁止自动全屏
weixin_51608296的博客
07-07 1566
ios系统怎么在微信中禁用video 全屏展示 在video标签中 增加x5-video-player-type=“h5-page” x5-video-orientation=“landscape|portrait ios系统怎么在浏览器中禁用video 全屏展示 在video标签中 增加 webkit-playsinline=“true” playsinline=“true” 百分百有效 转载：苹果 ios 使用video 播放器，怎么禁止自动全屏_Big Cole的博客-CSDN博客_ios v
iOS 开发 初级：Audio之 System Sound Services的使用
Flood Sung的专栏
05-04 5138
在开发应用时，有时想给应用加上一下声音，比如按键音，下拉菜单音等等，或者增加震动。对于这些短时间的声音还有震动，用System Sound Services来实现播放是最方便的。 下面进入主题。 Step 1：总体了解 1）所需的Framework:AudioToolbox.framework 2)  相关文档：Multimedia Programming Guide Step 2:
html5的video在IOS端默认全屏和黑屏问题
吴孔云的博客
09-07 2万+
最近项目中需要使用video来代替有点复杂的动画（video循环自动播放），遇到了使用过程中的两个坑 ios端默认全屏解决办法查阅资料说在在video标签加如下属性<video webkit-playsinline="webkit-playsinline"></video>无奈测试机是ios10，上面这段代码在iOS8，9下生效 因项目是react工匠，不支持除data-*之外的自定义属性，需在c
使用The Amazing Audio Engine实现iOS音频录制与播放
在iOS应用开发中，处理音频是一项常见的任务，包括录音和播放功能。The Amazing Audio Engine（TAAE）是一个强大的音频处理框架，专为iOS设计，提供了丰富的音频操作接口和功能。本文将详细介绍如何利用TAAE实现音频...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值