Permet l’interaction entre le client et la vidéo via l’iframe Digiteka
<iframe id="player" src="urlplayer"></iframe>
<script>
// Listener for postMessage
window.addEventListener('message', function (postMessage) {
// postMessage.source contient une reference vers l’objet window de l’iframe
// postMessage.data contient le contenu du message
// voir la section Events pour la liste possible du contenu des messages
// Non exhaustives
}, false);
</script>
document.getElementById("idIframe").contentWindow(message, '*');
Les messages possibles sont les suivants :
| Messages | Description du message |
|---|---|
play |
Demande la lecture de la video (lance le preroll si programmé) |
play_loadVideo |
Il lance une autre video pendant la lecture d'une vidéo en cours |
pause |
Met en pause la vidéo |
pause_ |
Demande à la publicité ou la vidéo de se mettre en pause |
mute |
Basculement de l'état du mute que ce soit pour la vidéo ou la pub |
mute=1 |
Force le player en muet que ce soit pour la vidéo ou la pub |
mute=0 |
Réactive le son du player que ce soit pour la vidéo ou la pub |
getCurrentTime |
Demande la position actuelle de lecture.Le postMessage event=getCurrentTime&time=\f sera émis en réponse (\f sera remplacé par la position dans la vidéo) |
getDuration |
Demande la durée de la vidéo. Le postMessage event=getDuration&duration=\f sera émis enréponse. (\f sera remplacé par la durée de la vidéo) |
setCurrentTime=\f |
Déplace la position de lecture à \f exemple : setCurrentTime=15 |
En écoutant les postMessage reçus, il est possible de détecter certains événements.
Instruction pour ajouter un listener sur les postMessage :
window.addEventListener("message", function (message) { /*yourimplementation*/ }, false);
Valeur possible pour message.data :
| Listener | Description |
|---|---|
playerevent_onSetupError_{"code":\d,"message":"\s"} |
Emis lorsqu’une erreur survient au niveau du player. \d sera remplacé par le code de l’erreur et \s par le message associé. |
event=ready |
Emis lorsque le player est prêt |
event=ended |
Emis lorsque la vidéo arrive à son terme. |
event=AdPlay |
Envoyé à la reprise de la lecture de la publicité (mais pas à l’impression |
event=AdPause |
Emis lors de la mise en pause de la publicité. |
event=AdImpression |
Emis lorsque la pub commence |
event=AdError |
Emis lorsque la publicité n’a pu être chargée |
event=AdComplete |
Emis à la fin de la pub (non émis si skip) |
event=paused |
Emis lorsque la vidéos est mise en pause |
event=played |
Emis lorsque la vidéo commence (donc après la pub) ou quand la vidéo reprend (après une pause) |
event=resize |
Emis lorsque le player est redimensionné. |
event=timeupdate&time=\1f&duration=\2f |
Emis lorsque la position du player change. \1f sera remplacé par la position actuelle, et \2f par la durée de la vidéo. Exemple : event=timeupdate&time=336.181745&duration=341.123333 |
Ci-dessous un exemple ou on appelle la méthode play :
<iframe
id="player"
src="//www.ultimedia.com/deliver/generic/iframe/mdtk/01713870/src/5slxzm/zone/2 ">
</iframe>
<script>
window.addEventListener("message", receiveMessage, false);
function receiveMessage(message) {
};
var player = document.getElementById('player');
player.contentWindow.postMessage('play', '*');
</script>