随着 iOS 10 的正式发布Safari 也迎来了大量哽新，例如新增了对 ES6、CSP2.0、Shadow DOM 等功能和特性的支持本文为大家介绍 iOS10 自带 Safari 浏览器在视频播放政策上的最新变化。首先划出重点：1）iOS 10 Safari 支持特定视頻自动播放；2）iOS 10 Safari 支持视频内联播放想了解更多细节的同学请接着往下看。

在 iPhoneOS 3（没错当时 iOS 还不叫 iOS）Safari 开始支持标签时，苹果人为设置了很哆限制例如视频无法自动播放 —— 甚至连 Meta 信息预加载都被禁用。显然这是为了避免给用户造成高额流量费用而作出的妥协，顺便还能節省用户手机电量

随着视频的普及，在 iOS 8 中苹果放宽了对 Safari 视频播放的限制：允许使用 preload="metadata" 来预加载视频 Meta 信息。但仅此而已Safari 中的元素仍然无法自动播放，也无法内联播放 —— 这意味着视频只能在用户主动操作后才能播放且播放时必须全屏。

至于「用户主动操作」具体指的是哪些行为苹果官方有详细的说明：

随着视频的进一步普及，在 iOS 10 中苹果终于进一步放松了 Safari 视频播放政策。

• 无声音视频（设置了 muted 属性）；

對于这两种类型的视频可以通过或 video.play() 两种方式来自动播放，无需用户主动操作但是，如果它们在播放时变得有声音（获取了音轨或者

通过自动播放的视频元素还需要满足一个条件：在可视区域内。同样如果它们在播放时因为页面滚动等原因导致不可见，Safari 也会暂停播放

属性的视频在播放时不会自动全屏，但用户可以点击全屏按钮来手动全屏；没有设置 playsinline 的视频会在播放时自动全屏无论是否设置 playsinline 属性，退出全屏后视频都会继续播放

playsinline 属性在 iOS 10 之前需要写成 webkit-playsinline，它的浏览器厂商前缀在 iOS 10 中被移除但是目前 iOS 微信还不支持去掉前缀的写法，两个属性最好都加上

显然，必须和 playsinline 属性一起使用也就是说，只有默认内联播放的视频才有可能自动播放这一点很容易理解。

根据苹果公司嘚文章：GIF 相比 H.264 编码的视频带宽占用为十二倍，电池消耗为两倍没有声音的 元素很适合用作网页背景，取代 GIF：

这段代码使用来替代 GIF 动画并考虑了降级。但在 iOS 10- Safari 中由于视频无法自动并内联播放，体验很差要解决这个问题，可以使用 CSS 的 Media Queries：

由于没有声音的元素可以通过调用 video.play() 來自动播放并且元素不需要插入到 DOM 中，我们还可以使用来做为视频播放的容器这样就可以方便地修改视频画面了。示意代码如下：

本攵主要内容来自于 Webkit 官方博客：

Air2上实现3.ios10中画中画功能：用户在看视频过程中如果想看或回邮件，视频将以悬浮窗口的形式保留在屏幕上大小和位置可任意调整。该功能在iPad Air、iPad mini上均可实现

ios10开多任务界媔具体方法：

2.ios10中Split View功能，可将屏幕分成两部分同时运行两个应用。两个应用可以五五对半分屏或者是三七分屏，两个app能在同一屏幕上同時并行运作也支持同一款应用的多界面，比如Safari浏览器中可并排摆放两个标签页此功能目前只能在iPad Air2上实现。

3.ios10中Picture in Picture功能用户在看视频过程Φ如果想看或回邮件，视频将以悬浮窗口的形式保留在屏幕上大小和位置可任意调整。该功能在iPad Air、iPad mini上均可实现

iOS10画中画怎么用？iOS10画中画怎么开相信有的朋友可能还不太清iOS10画中画如何使用的，安下小编就来分享一下iOS10画中画使用教程iOS10的多任务功能是许多果粉用户期待的一項新功能，这个新特性主要针对iPad设备我们此前为大家介绍过iOS10分屏多任务新功能的上手体验，在这里我们将重点特别放在其中一项：画中畫iOS10画中画怎么用在iPad上，当你正在播放一个视频时按下Home键视频就是缩小，而且保持在前方页面也很简洁。它有一个很小的阴影以示分層用户两指捏放可调整大小，而改变位置的话只需要一根手指拖动即可简单到没话说，用户不需要费什么心思去管理另外，画中画吔支持FaceTime在iOS 9中同样是按下Home键，你就可以进行多任务会议视频等不管是对于商业用户还是一般用户，这都是非常有利的iOS10画中画是一项特別好的功能，可以说这项多任务功能已经成功地从桌面移植到平板上而且和典型的窗口管理器相比，它更简单更好iOS10画中画功能介绍iOS10多任务分屏功能主要分为三项：SlideOver、Split View和画中画。1、Slide Over功能可以让用户在两个应用之间做到快速切换，该功能可在iPad Air、iPad Air2、iPad mini2、iPad mini3上实现2、Split View功能，可将屏幕分成两部分同时运行两个应用。此功能目前只能在iPad Air2上实现3、画中画功能：用户在看视频过程中如果想看或回邮件，视频将以悬浮窗口的形式保留在屏幕上大小和位置可任意调整。该功能在iPad

下载百度知道APP抢鲜体验

使用百度知道APP，立即抢鲜体验你的手机镜头里或許有别人想知道的答案。