html音频禁止自动播放,HTML iframe允许音频文件的自动播放无法正常使用

该人默认没有自动播放功能

根据Safari / WebKit Auto-Play policy，它使用户能够以较少的干扰来浏览网络，特别是通过自动播放声音的网站来减轻干扰。他们指示网站假定对视频或音频的任何使用都需要用户手势或单击才能播放。

政策配置

用户可以在每个网站的基础上启用自动播放功能。

Safari >>首选项>>网站>>自动播放

选项为：

允许所有自动播放

用声音停止媒体(默认)

从不自动播放

功能性iframe允许在Safari中自动播放

当用户允许从特定网站自动播放时，iframe标签会按预期工作。

元素也可以独立加载和播放也不足为奇。

检测自动播放被禁用并显示播放器

但是，由于用户可以禁用此功能，因此应该预期不会启用此功能，因此，重要的是要检测是否拒绝了自动播放并做出相应的反应。

var promise = $('video')[0].play();

if (promise) promise.catch(error => {

// Auto-play disabled show controls

$('audio').attr('controls', '');

});

对于此选项，我们根本不需要自动播放，因为我们正在手动调用播放。如果需要用户进行操作，这当然是行不通的，因此我们要做的就是添加控件并显示播放器。

带有控件的音频

为了完整起见，总是有另一个选择；避免一起玩所有游戏……但这有什么乐趣。

nJoy！

html音频禁止自动播放,HTML iframe允许音频文件的自动播放无法正常使用相关推荐

服务器网络打印总是自动删除,打印机无法打印打印文件时会自动删除，怎么回事啊？...
满意答案 LiShuaipeng 2013.03.07 采纳率:45% 等级:12 已帮助:11273人 1. 在连接网络共享打印机时,在"运行"输入框中输入打印服务器名称, ...
html5自动播放音乐外链,HTML5 audio 如何实现播放多个MP3音频
标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. 标签常用属性如下表属性值描述 autoplay autoplay 添加该属性后,音频会 ...
H5 自动播放背景音频，兼容安卓和苹果手机， ios createInnerAudioContext 无法自动播放解决
原因应该是IOS不允许自动播放音频,有两种解决方法在main.js Vue.prototype.innerAudioContext = uni.createInnerAudioContext(); ...
HTML5 audio 如何实现播放多个MP3音频
<audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. <audio>标签常用属性如下表属性值描述 au ...
sprintboot 后端将音频流写入到前端播放_freac for mac(音频和CD格式转换器)
freac for mac中文版让您可以轻松地将音频CD翻录为MP3或M4A文件,与硬件播放器一起使用,或者转换不与其他音频软件一起播放的文件,freac支持CDDB / freedb在线CD数据库. ...
html 多个mp3,HTML5 audio 如何实现播放多个MP3音频
标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. 标签常用属性如下表属性值描述 autoplay autoplay 添加该属性后,音频会 ...
html如何播放多个mp3,HTML5_audio_如何实现播放多个MP3音频
&lt不的期是范添事大部会基近说小间进围砖本的;audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式支器事的后功发久这含层请间业在屏 ...
HTML5 如何实现播放多个MP3音频
方法一:audio标签 <audio>标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. <audio>标签常用属性如下 ...
html5播放多个mp3,HTML5 audio 如何实现播放多个MP3音频
标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. 标签常用属性如下表属性值描述 autoplay autoplay 添加该属性后,音频会 ...
如何禁止视频在手机移动端页面中全屏播放
最近公司的项目中出了需要在局部播放视频的需求,我们都知道HTML5中有一个专门的标签video用来嵌入视频.不过,这个video标签有很多的属性可能很多同学并不是很熟悉,下面我们来认识一下: 在网页里 ...

html音频禁止自动播放,HTML iframe允许音频文件的自动播放无法正常使用

html音频禁止自动播放,HTML iframe允许音频文件的自动播放无法正常使用相关推荐

最新文章

热门文章