Adob​​e 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"; 

这应该做添加此代码，请测试它