Outils pour utilisateurs

Outils du site


webdev:api:vimeo

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
webdev:api:vimeo [11/09/2018 16:29]
dolo
webdev:api:vimeo [22/11/2018 17:44] (Version actuelle)
dolo
Ligne 1: Ligne 1:
 ====== API Vimeo ====== ====== API Vimeo ======
-  * [[https://developer.vimeo.com/api/start|Doc]]+  * [[https://developer.vimeo.com/api/reference|Doc main API]] - [[https://github.com/vimeo/player.js#create-a-player|Doc API javascript]] 
 +  * [[https://developer.vimeo.com/api/start|Doc générale]]
   * [[https://help.vimeo.com/hc/en-us/articles/360001494447-Using-Player-Parameters|Paramètre d'iframes directes]]   * [[https://help.vimeo.com/hc/en-us/articles/360001494447-Using-Player-Parameters|Paramètre d'iframes directes]]
-  * [[http://dev.dolostudio.com/test/Vimeo_4_player/|Test pour jouer 4 vidéos en même temps]] 
   * [[https://codepen.io/henripeetsmann/pen/KpVVLq|Codepen vidéo plein écran]] + CSS qui cache le HUD (coupe l'image cela dit, on ne peut pas modifier de force leur CSS à cause de l'iframe)   * [[https://codepen.io/henripeetsmann/pen/KpVVLq|Codepen vidéo plein écran]] + CSS qui cache le HUD (coupe l'image cela dit, on ne peut pas modifier de force leur CSS à cause de l'iframe)
 +  * [[https://stackoverflow.com/questions/12432087/with-vimeo-plus-account-how-to-hide-remove-the-play-button-in-the-middle-of-a#answer-34047998|Stackoverflow remove all control]] - à tester
 +  * [[https://zaption.zendesk.com/hc/en-us/articles/204445495-How-can-I-remove-the-controls-from-my-Vimeo-video-|Affichage minimum en compte pro]]
 +  * [[https://github.com/vimeo/player.js/issues/282|Multi viewer sound level synchronisation]]
 +
 +
 +
 +-----------------
 +==== Notes sur l'API javascript ====
 +Le paramètre background=true, qui nécessite que le compte ayant posté la vidéo soit au moins Plus (payant), <del>lance les vidéos automatiquement</del> mais les contrôles sont toujours là. **On peut override ça avec un &autoplay=0**.
 +
 +Si on utilise [[https://help.vimeo.com/hc/en-us/articles/360000121668-Starting-playback-at-a-specific-timecode|#t]] pour lancer la vidéo à un endroit précis, **l'autoplay est forcé et ignoré dans les paramètres ET les autres paramètres sont ignorés (muted)...**
 +
 +
 +Toutes les fonctions get (comme **getCurrentTime()**) sont asynchrones, probablement à cause des iframes. Ça fout un gros bordel si on veut traiter le temps actuel en direct, il vaut mieux mettre à jour une variable en amont avec l'event timeupdate (qui ne se déclenche plus quand la vidéo est en pause).
 +
 +
 +=== Events ===
 +**bufferstart** et **bufferend** ne se déclenchent pas si la vidéo ne se joue pas (si on fait play et pause pour précharger par exemple). Aucun des 2 ne se déclenche si la vidéo s'arrête parce qu'elle ne s'est pas chargée. //En fait ils peuvent se déclencher pendant le buffering de la lecture mais de manière inconsistante...//\\
 +On peut les forcer à se déclencher si les lecteurs sont lancés par un setCurrentTime (même à 0) et qu'il n'y a eu aucun Play ou pause sur le lecteur avant, mais ça force un autoplay (à gérer avec un pause sur le bufferend ?)
 +
 +**pause** ne se déclenche pas non plus en cas d'arrêt pour vidéo non chargée.
 +
 +=== Méthodes ===
 +  * **getDuration()** donne un temps arrondis quand tous le reste utilise des floats, plutôt inutile et peut causer des erreurs.
 +
 +=== Problème de "lecture automatique" sur Chrome ===
 +[[https://developers.google.com/web/updates/2017/09/autoplay-policy-changes|Source]] - À cause de l'iframe les lecteurs sont considérés comme des pages web à part et ça peut bloquer la lecture de vidéos avec du son. Il faut ajouter ce paramètre dans l'iframe pour éviter ça :
 +<Code linenums>
 +<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay">
 +</Code>
 +
  
webdev/api/vimeo.1536676167.txt.gz · Dernière modification: 11/09/2018 16:29 de dolo