美文网首页
ios中是用video标签遇到的问题

ios中是用video标签遇到的问题

作者: 一只随遇而安的程序员 | 来源:发表于2020-08-18 16:13 被阅读0次

    最近在做H5活动开发的时候,遇到了使用video播放动效的需求,但是在ios端遇到了一系列问题,费了半天劲才解决,所以来搞个总结。

    问题:IOS中视频无法自动加载、自动播放、播放会调起全屏播放器

    苹果默认禁止了视频的自动加载以及自动播放,必须处于用户主动操作,如点击视频播放按钮或者出发点击事件。但是给ios开发者提供了选项,只需要在App的webview设置mediaPlaybackRequiresUserAction 属性之后就可以启动自动播放。

    首先提一下video的preload属性,规定是否预加载视频,可能的值有以下几种:

    auto - 当页面加载后载入整个视频

    metadata - 当页面加载后只载入元数据

    none - 当页面加载后不载入视频

    不设置的话,默认值会根据不同浏览器的定义。

    我在代码中尝试了以上的三种值,在页面加载完成发现都没有进行视频的加载,原因不明,最后解决方式是通过调用video.load()在页面加载完成之后主动load视频。

    ios10允许自动播放那个的视频有以下两种:无音轨视频或者无声音视频(设置muted属性),这两种视频无需用户主动操作,可以通过设置autoplay或者video.play()来自动播放,另外通过设置autoplay来自动播放的视频必须出现在可视区内,但是调用video.play()则没限制。

    ios10允许video通过设置playsinline来进行内敛播放,但是需要ios开发者在webview中设置allowsInlineMediaPlayback属性来开启。

    相关文章

      网友评论

          本文标题:ios中是用video标签遇到的问题

          本文链接:https://www.haomeiwen.com/subject/bvmzyxtx.html