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

這應該做添加此代碼，請測試它