2

我正在尝试让视频在 iOS 10 上内联播放，但在从 iOS beta 4 升级到 beta 6 后，它就停止了工作。在我的 config.xml 中，我添加了这两行

<preference name="AllowInlineMediaPlayback" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="true" />

然后在我的html模板上我有

<video src="img/demo.mp4" preload="auto" controls autoplay muted webkit-playsinline ></video>

我也试过这个

<div class="video-container-inner">
    <img src="{{video.poster}}" class="img-responsive img-cover">
      <video id="article{{$index + 1}}" preload x-webkit-airplay="allow" webkit-playsinline="webkit-playsinline" class="videoPlayerSingle article{{$index + 1}}">
          <source src="{{video.url}}" type="video/mp4"/>
     </video>
</div>

各位有没有遇到过这个问题？你是怎么解决的？

4

1 回答 1

2

这样做的原因是因为我们还需要添加不带 webkit 前缀的 playinline，所以代码将是：

<div class="video-container-inner">
    <img src="{{video.poster}}" class="img-responsive img-cover">
      <video id="article{{$index + 1}}" preload x-webkit-airplay="allow" playsinline webkit-playsinline class="videoPlayerSingle article{{$index + 1}}">
          <source src="{{video.url}}" type="video/mp4"/>
        </video>
  </div>

这适用于 ionic 1.3 iOS 10 beta 6。

于 2016-08-17T14:18:25.373 回答