Question

我正在使用Adobe Animate中的HTML5横幅。在这个横幅中，我正在使用视频。我知道视频无法在iPhone和iPad上自动播放，所以我只想展示静态图像，但我不知道如何？

到目前为止，我使用了剪辑中静止帧的“海报图像”，然而，它在图像顶部显示了一个播放图标。

希望你能帮忙！

Answer 1

IoS设备仅播放用户交互媒体，因此在这种情况下，您需要使用ipad / iphone探测器来切换图像的可见性。

以下是我想你会做的事情：创建一个图像并附加在视频上（确保是绝对的）

然后在您的js中添加此代码

 // thanks to: https://stackoverflow.com/questions/9038625/detect-if-device-is-ios
 function iOS() {
    var iDevices = [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ];

  if (!!navigator.platform) {
    while (iDevices.length) {
      if (navigator.platform === iDevices.pop()){ return true; }
    }
  }

  return false;
}
if(IOS()) document.getElementById("YOUR_IMAGE_ID").style.display = "block";

这应该做，请测试一下

适用于移动设备的Adobe Animate视频

1 个答案: