Le API JavaScript di Vimeo ci permettono di trasformare un semplice player creato tramite un iframe in un oggetto che dispone di metodi e proprietà.
Per prima cosa dobbiamo abilitare le API modificando l'attributo src
del nostro iframe aggiungendo il parametro api
:
<iframe src="http://player.vimeo.com/video/VIDEO_ID?api=1" width="600" height="400" id="video" allowfullscreen></iframe>
Quindi nella sezione head
del nostro documento dobbiamo includere la libreria Froogaloop di Vimeo:
<head>
<script type="text/javascript" src="js/froogaloop.js"></script>
</head>
A questo punto possiamo inserire il nostro codice JavaScript:
document.addEventListener( "DOMContentLoaded", function() {
var iframe = document.querySelector( "#video" );
// Uso Froogaloop
var player = $f( iframe );
player.addEvent( "ready", function() {
// Il video è stato caricato.
// Qui posso usare le API.
});
});
Fate riferimento alla documentazione ufficiale per gli esempi completi.