Adobe Animer la vidéo pour mobile

Question

Je travaille sur une bannière HTML5 dans Adobe Animate. Dans cette bannière, j'utilise une vidéo. Je sais que la vidéo ne peut pas être lancée automatiquement sur iPhone et iPad, donc je veux juste montrer une image statique, mais je ne sais pas comment? Jusqu'à présent, j'utilisais l '"image-affiche" d'une image fixe du clip, mais il y avait une icône de lecture sur le dessus de l'image.

J'espère que vous pouvez aider!

Answer 1

Les appareils IoS ne liront que les médias sur l'interaction de l'utilisateur, par conséquent, dans ce cas, vous aurez besoin d'un détecteur ipad/iphone pour basculer la visibilité de votre image.

Voici ce que je suppose que vous feriez: Créer une image et attacher sur la vidéo (assurez-vous est absolue)

Ensuite, ajoutez ce code dans votre 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"; 

Cela devrait faire, s'il vous plaît le tester