Iframe API examples
by Ali Khaled
HTML
<script src="https://edge-player.wirewax.com/ww4release/javascripts/wirewax-iframe-api.js"></script>
<iframe src="//shop.statepublicauctions.com/" frameborder="0" id="video" height="300px" width="533px"></iframe>
JavaScript
console.log(window.wirewax.events.triggers.MUTE);
window.playVideo = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.PLAY);
}
window.pauseVideo = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.PAUSE);
}
window.seekVideo = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.SEEK, 20);
}
window.goToTag = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.GO_TO_TAG, 935061);
}
window.openTag = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.OPEN_TAG, 935061);
}
window.getCurrentTime = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.GET_CURRENT_TIME);
}
window.closeOverlay = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.CLOSE_WIDGET);
}
window.mute = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.MUTE);
}
window.unmute = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.UNMUTE);
}
window.setVolume = function() {
window.wirewax.triggerEvent(window.wirewax.events.triggers.CHANGE_VOLUME);
}
var hasStarted = false
window.wirewax.addEventListener(window.wirewax.events.listeners.HAS_PLAYED, function(data) {
if(!hasStarted){
hasStarted = true;
// code for the omniture
console.log(data.vidId);
}
});