Aller au contenu
Support de Zwii et Yocto

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'player'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Support de Zwii
    • Informations et nouveautés
    • Bugs, questions, suggestions et astuces
    • Support des téléchargements
    • Liens
  • Support de Yocto
    • Informations et nouveautés
    • Bugs, questions, suggestions et astuces
    • Support des téléchargements
    • Liens
  • Communauté
    • Votre site

Catégories

  • Zwii
    • Versions bêta
    • Modules
    • Modifications et astuces
    • Thèmes
    • Tutoriels
  • Yocto
    • Types de page
    • Snippets pour le type "code source"

Rechercher les résultats dans…

Rechercher les résultats qui contiennent…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


À propos de moi


Site internet

2 résultats trouvés

  1. Plyr, le player audio-vidéo qu'il vous faut ! Voir le 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) : 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> 🙂 Contributeur PeterRabbit Soumis 16/08/2017 Catégorie Modules  
  2. Version 2.4.0

    114 téléchargements

    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) : 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> 🙂
×
×
  • Créer...