Adob​​eモバイルアニメーション動画

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

をこのコードを追加し、テストしてください