Lancer l'animation css dans iframe lorsque iframe est dans viewport

Je développe des bannières publicitaires HTML5 pour Google AdWords avec des animations CSS. Comme une publicité ne peut avoir que 30 secondes d'animations, le contenu des différentes étapes de l'animation n'est souvent pas vu par les utilisateurs.Lancer l'animation css dans iframe lorsque iframe est dans viewport

Existe-t-il un moyen de connaître la fenêtre d'affichage de la fenêtre parent (interdomaine), afin que je puisse démarrer les animations dans le code CSS/JS de ma publicité lorsqu'elle est réellement visible par l'utilisateur?

Merci pour votre aide!

Source

2017-09-25 Timo Gödeke

Cette question ne correspond pas aux règles de StackOverflow car elle est trop large et n'attire que des réponses basées sur des opinions (attendez-vous à ce qu'elle soit fermée). S'il vous plaît, allez à: http://stackoverflow.com/help, puis lisez: http://stackoverflow.com/help/on-topic et: http://stackoverflow.com/help/how-to-ask. –

@Elias MP - pourquoi le diriez-vous? C'est une question technique. – Gerfried

@Gerfried. Je pensais que la question devait fournir un MCVE. Désolé pour mon erreur. –

Il existe deux façons de résoudre votre problème. Pour la première fois, vous devez modifier le code de votre fenêtre parent interdomaine. Si vous ne pouvez pas faire cela, cela ne fonctionnera pas (ce que je suppose sera le cas pour vous). Vous devez ajouter des écouteurs d'événement et utiliser Window.postMessage. L'autre manière est en utilisant le Intersection Observer API. C'est exactement la chose que vous voulez et conçu exactement pour votre cas, mais il n'est actuellement pas très bien supporté. Pour la liste de compatibilité, consultez le lien ou caniuse. Vous pourriez implémenter ceci avec un simple retour, s'il n'est pas disponible.

Source

2017-09-25 09:33:03

Lancer l'animation css dans iframe lorsque iframe est dans viewport

Répondre

Questions connexes