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

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";

这应该可以，请测试一下