当前位置: 首页 > 面试题库 >

可以在iPad上自动播放HTML5视频吗?

丁翰海
2023-03-14
问题内容

<video>标签autoplay="autoplay"属性的作品在Safari罚款。

在iPad上进行测试时,必须手动激活视频。

我认为这是一个加载问题,所以我循环检查了媒体的状态:

videoPlay: function(){
    var me = this;
    console.log('STATE: ' + $("#periscopevideo").get(0).readyState);
    if ($("#periscopevideo").get(0).readyState != 4){
      setTimeout(function(){me.videoPlay();}, 300);
    }
    else {
      $("#periscopevideo").get(0).play();
    }
}

该状态仍在0iPad上。在我的桌面野生动物园中,它会通过01最后4。在iPad上,只有4在我手动点击“播放”箭头时才能到达。

此外,$("#periscopevideo").get(0).play()通过点击呼叫onClick也可以。

苹果在自动播放方面是否有任何限制?(顺便说一下,我正在运行iOS 5+)。


问题答案:

iOS 10更新

自iOS 10起,自动播放的禁令已取消-但存在一些限制(例如,如果没有音轨,则可以自动播放A)。

iOS 9及更低版本

从iOS 6.1开始, 不再可以在iPad上自动播放视频。

我对他们为什么禁用自动播放功能的假设?

好吧,由于许多设备所有者在其设备上都有数据使用量/带宽限制,我认为苹果公司认为用户自己应该决定何时启动带宽使用量。

经过一些研究,我在Apple文档中找到了以下有关iOS设备上自动播放的摘录,以确认我的假设:

“苹果已经决定通过脚本和属性实现来禁用在iOS设备上自动播放视频。

在Safari中,在iOS上(对于包括iPad在内的所有设备),用户可能位于蜂窝网络上,并且按数据单元收费,因此将禁用预加载和自动播放功能。
在用户启动数据之前,不会加载任何数据。
-Apple文档。

这是“ SafariHTML5参考”页面上的一个单独警告,说明为什么无法在iOS的Safari中播放嵌入式媒体:

警告 :为防止用户自费地通过蜂窝网络进行下载,嵌入式媒体不能在iOS的Safari中自动播放
用户始终启动播放。启动播放后,iPhone或iPodtouch上会自动提供一个控制器,但对于iPad,您必须设置controls属性或使用JavaScript提供一个控制器。

这意味着(就代码而言)是 除非 用户操作(例如,单击事件)触发了或方法, 否则 在用户启动播放之前,JavaScriptplay()load()方法是不活动的。 __play()``load()

基本上,用户启动的播放按钮有效,但onLoad="play()"事件无效。

例如,这将播放电影:

<input type="button" value="Play" onclick="document.myMovie.play()">

而以下内容在iOS上什么也不做:

<body onload="document.myMovie.play()">


 类似资料:
  • 问题内容: 我正在尝试获取音频文件以在iPad上的Safari中自动播放。如果我在Mac上使用Safari浏览该页面,就可以了。在iPad上,自动播放不起作用。 问题答案: 更新: 这是一个hack,并且在IOS 4.X及更高版本上不再起作用。此版本适用于IOS3.2.X。 这不是真的。Apple不想在iPad上自动播放视频和音频,因为您可以在移动网络上使用大量流量。我不会将自动播放用于在线内容。

  • 问题内容: 我通过asp.net开发了一个移动页来播放mp4视频。 我知道iOS已禁用自动播放功能以最大程度地减少用户带宽,所以我如何在Android上自动播放HTML5 mp4视频? 我已经在HTML5代码中放置了自动播放功能,但是它不起作用。 以下是我的代码: 此外,我已经解决了用户单击图像叠加层可以播放视频的问题。感谢Karthi 这是代码: 谢谢 问题答案: 您可以将’muted’和’au

  • 问题内容: 我有一个要使用HTML5 标签在IE9中播放的mp4视频。我将MIME类型添加到了IIS 7中,因此,如果我浏览它可以在Chrome和IE9中播放,但不能在HTML5中播放,则Chrome会以HTML播放视频。这是代码: 有任何想法吗? 谢谢 更新: 在Firefox 5.0中尝试了相同的文件,但也无法正常工作,只有Chrome可以播放mp4视频。 问题答案: 最终使用http://v

  • 我设法在我的WebView上播放HTML5视频。以全屏模式显示视频时会出现问题。 我发现,android有两种方式处理 标记: > 在android版本<=2.3.3上,onShowCustomView方法被激发,我可以拥有VideoView实例,并在视频完成时设置监听器,设置控制器等。 这让我想到了一个大问题:当以全屏模式显示视频时,会调用onShowCustomView,但在ICS上,“vie

  • 我有一个HTML5视频可以工作,但我有的问题是,每当我去浏览器中的视频-它立即开始播放。如何禁用自动播放功能?我使用属性进行了尝试,但没有结果。 并且控件总是隐藏的,我必须右键单击并单击“显示控件”以使控件弹出。我还尝试使用:启用此功能,但也没有任何反应。 感谢所有的帮助。下面是我的代码

  • 我写了一段代码,在WKWebView中播放youtube视频。我想自动播放视频时,一个屏幕加载,也内联视频应该播放,而不是在新的屏幕。下面是我的代码。 我已经在Interface Builder中为WKWebView设置了配置。 有人能提供一个建议,在视图加载时自动播放它吗?