Aller au contenu
Support de Zwii et Yocto

Plyr, le player audio-vidéo qu'il vous faut ! 2.4.0

   (1 avis)

1 capture d’écran

À propos de ce fichier

Vous cherchez un player audio-vidéo qui s'adapte sans problème à ZwiiCMS et qui soit léger, polyvalent et plus esthétique que ce que propose HTML5 ?

Un petit détour par le site de Plyr vous convaincra qu'il est bien ce qu'il affirme : "a simple, accessible HTML5 media player", un player HTML5 simple à paramétrer qui vous permettra d'intégrer facilement des vidéos (les vôtres ou celles de Youtube ou de Viméo) ou des fichiers audio sur votre site, le tout dans un format responsive.

 

Avertissements
Le plugin a été vérifié sur les versions 8.59 et 9.013 de ZwiiCMS. Il intègre la version 3.5.2 de Plyr qui apporte de vraies améliorations (copies d'écran au chargement et après chargement sur un écran format smartphone) :

 

plyr.jpg.9dcaaf28800b172723d757cd18bcf7a6.jpgplyr2.jpg.9b248bcb1640b9aa68fd7d51984b4189.jpg

 

Le script d'installation respecte votre site : pas de remplacement de fichier, juste deux écritures ponctuelles dans "core/layout/main.php".

 

Installation - Restauration
L'archive contient deux modules :

  • "plyr_install", pour installer le player.
  • "plyr_restaure", pour remettre votre site dans son état initial s'il ne correspond pas à vos attentes.

 

Pour chacun des modules :

  • Copiez la totalité de son contenu à la racine du répertoire de votre site.
  • Acceptez le remplacement du fichier "index.php".
  • Rendez-vous ensuite sur votre site ou rafraîchissez la page pour finaliser l'installation.

C'est fait.

 
Utilisation
Collez ces lignes dans le code de vos pages ("<>" dans la barre d'outils de l'éditeur) en les adaptant à votre configuration et au type de vos fichiers.

 

  • Audio HTML5
<audio id="player" controls>
    <source src="/chemin/vers/votre.mp3" type="audio/mp3" />
    <source src="/chemin/vers/votre.ogg" type="audio/ogg" />
</audio>
  • Vidéo HTML5
<video id="player" playsinline controls>
    <source src="/chemin/vers/votre video.mp4" type="video/mp4" />
    <source src="/chemin/vers/votre video.webm" type="video/webm" />
</video>

ou, si vous avez prévu une image d'accueil 

<video poster="/chemin/vers/votre image d'accueil.jpg" id="player" playsinline controls>
    <source src="/chemin/vers/votre video.mp4" type="video/mp4" />
    <source src="/chemin/vers/votre video.webm" type="video/webm" />
</video>

 

  • Vidéos Youtube ou Viméo

Après avoir paramétré le code d'intégration de la vidéo sur le site de Youtube ou de Viméo, collez l'iframe entre <div id="player" class="plyr__video-embed"> et </div>, comme ceci :

 

       - Youtube

<div id="player" class="plyr__video-embed">
  <iframe src="https://www.youtube.com/embed/bTqVqk7FSmY?origin=https://plyr.io&iv_load_policy=3&modestbranding=1&playsinline=1&showinfo=0&rel=0&enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
</div>

        - Vimeo

<div id="player" class="plyr__video-embed">
  <iframe src="https://player.vimeo.com/video/43618633?loop=false&byline=false&portrait=false&title=false&speed=true&transparent=0&gesture=media" allowfullscreen="allowfullscreen"></iframe>
</div>

🙂


Quoi de neuf dans la version 2.4.0 ?   Voir le journal des modifications

Publiée

  • Vérification de compatibilité (ZwiiCMS 8.59 et 9.013).
  • Mise à jour de Plyr (3.5.2)



Retour utilisateur

Vous pouvez donner un avis uniquement après avoir téléchargé le fichier.


Invité simon511000

Signaler ·

   2 sur 2 membres a ou ont trouvé cet avis utile 2 / 2 membres

5 étoiles, c’est bien trop peu pour ce plugin absolument moderne, efficace et fonctionnel. Il s’adapte super bien aux zwii et ce, sans galérer à le configurer : un simple copier/coller suffit :dizzy:

 

Bien joué @PeterRabbit

Partager cet avis


Lien vers l’avis
×
×
  • Créer...