HTML5无法在iPad或iPhone上自动播放

问题描述

  <video id="kiosk-video" class="kiosk-video" width="100%" autoplay loop muted playsinline poster="<%= asset_path("screensaver-ipad.jpg") %>">
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-ipad.mp4" type="video/mp4" media="all and (min-device-width:834px)>
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-ipad.ogv" type="video/ogg" media="all and (min-device-width:834px)>
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-ipad.webm" type="video/webm" media="all and (min-device-width:834px)>
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-mob.mp4" type="video/mp4">
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-mob.ogv" type="video/ogg">
    <source src="https://s3.amazonaws.com/media_crisalix/galderma/screensaver-mob.webm" type="video/webm">
  </video>

这是我的代码，但是在加载页面时，视频仍保留在海报上，无法播放，这可能是什么问题？它可以在台式机上正常运行，但不能在iPhone和iPad，Chrome和Safari上播放。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

autoplay html5-video