Aller au contenu
Support de Zwii
McGregor

[SCRIPT ARCHIVE]Plyr, le player audio-vidéo qu'il vous faut !

Messages recommandés

Bonjour à tous, 

Je poste ici les conclusions des échanges avec @PeterRabbit concernant l'application du style du lecteur lorsque plusieurs vidéos figurent sur une page. 

Citation

Pour intégrer plusieurs players dans une même page et mettre à niveau Plyr vers la version 3.5.6 à partir d'une installation existante :

- Remplacez "core/vendor/plyr/plyr.min.css" et "core/vendor/plyr/plyr.min.js" par ces deux fichiers.
- Editez "core/layout/main.php" et remplacez le script intitial :


<script>const player = new Plyr('#player', { controls: ['play', 'progress', 'current-time', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'] });</script>
</body>

par celui-ci :


<script>document.addEventListener('DOMContentLoaded', () => { const player = Plyr.setup('.js-player'); });</script>
</body>


Les codes d'intégration des vidéos à coller dans vos pages sont désormais ceux-ci :

Pour une vidéo hébergée sur votre site ou ailleurs :


<div><div class="w-embed"><video class="js-player"><source src="chemin vers la vidéo"/></video></div></div>

Youtube :


<div class="embedded-media-player"><div class="w-embed"><div class="js-player" data-plyr-provider="youtube" data-plyr-embed-id="ID de la vidéo Youtube"></div></div></div>

Viméo


</div><div class="embedded-media-player"><div class="w-embed"><div class="js-player" data-plyr-provider="vimeo" data-plyr-embed-id="ID de la vidéo Viméo"></div></div></div>

Les curieux consulteront avec profit le code source de cette page  et de la suivante  d'où est tiré ce micro tuto.

 

Enjoy !

PeterRabbit

🙂

 

Essayé sur ZwiiCMS 9.215

Merci à lui !

plyr.min.css plyr.min.js

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Le 16/12/2019 à 16:43, Sourigo a dit :

Peut être le même que de mettre des jantes alu sur celles d'origine ...

idem pour une séance de ciné, avoir un projecteur 3D et la bonne paire de lunette vous fera savourer un film de tout autre manière que la traditionnelle séance en 2D. Hé oui Sourigo il en faut pour tout les goûts et rien ne vaut le "concessionnaire d'origine" de l'engin pour trouver la soluce afin de rendre plus belle une réalisation à la base crée...

Le 12/12/2019 à 13:34, Sourigo a dit :

Les curieux consulteront avec profit le code source de cette page  et de la suivante  d'où est tiré ce micro tuto.

 

Enjoy !

PeterRabbit

Comme quoi il suffit de peu avec un zest de "com" entre deux personne pour arriver à faire des miracles.

Je m'associe à ton remerciement, longue vie à Plyr mis à jour comme il se doit par notre ami @PeterRabbit 👍   

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Pfff... pas sûr que je reste ici... sérieux. No comment.

C'est peut-être le soir, peut-être énervé... 

Rien ne t'oblige à la 3D, chacun son trip. Mais j'ai pas la patience là, je dois faire tourner ma boite. Et comme t'as dit ça fonctionne. Pour ma part c'est stop. Je me suis pas fait un pote, mais je m'en fous... 

Si ça te défoule de revenir sur chaque post c'est ton problème, pas le mien. Ciao Grand, bonne continuation. 

T'es sérieux en parlant de Com ? D'où tu sors ? Faut te calmer...

 

Modifié par Sourigo

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 34 minutes, Sourigo a dit :

Pfff... pas sûr que je reste ici... sérieux. No comment.

C'est peut-être le soir, peut-être énervé... 

En effet @Sourigo il n 'y avait a priori (je crois!) pas de quoi s'agacer. Relis les derniers posts, je pense qu'on peut rester cool et s'inspirer d'un grand chef-d’œuvre du 7e Art français " On se calme et on boit frais à Saint-Tropez"

Modifié par Seb
faute de conjugaison !

Partager ce message


Lien à poster
Partager sur d’autres sites

Je vais être clair :

Je suis arrivé ici par hasard parce que je recherche un CMS simple et flexible : C'est le cas avec Zwii

Comme dans toutes les pseudos "communautés" il y a ceux qui "savent mieux" (et en l’occurrence ce "dont j'ai besoin", et ça, ça me regarde... Je ne suis pas suffisamment con à 56 berges pour m’exciter sur un sujet qui ne m'est d'aucune utilité, juste parce que je suis un Troll). 

A partir de ce constat, je considère que mes demandes peuvent en intéresser d'autres (ce qui est le cas). 

Que ceux qui ne se sentent pas concernés (mais qui pensent tout de même être en capacité de mettre leur grain de sel, et sur le sujet comme sur d'autres ils sont légions... ) passent leur chemin

Donc    

Je pense qu'il est totalement improductif (y compris pour le développement de Zwii) de porter des jugements sur ce qui est "utile". 

Je ne connais pas "Roger" et franchement maintenant je m'en fous. Deux posts critiqués, et blabla...    

 

Tu as raison @Seb de prendre la précaution du " (je crois!) ". 

 

Pour ma part je n'ai pas le loisir, ni l'envie, de justifier de mes besoins. 

 

Vous regrettiez que beaucoup "d'anonymes" participaient à Zwii, sans s'identifier. C'est un premier élément de réponse. 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

@Sourigo tu sais, Roger est parfaitement au courant de ce qu'on lui reproche régulièrement ici et il a mis un peu d'eau dans son vin ces derniers temps. Nous l'encourageons à se tempérer et cette critique vaut pour TOUT LE MONDE, moi y compris. Cependant, nous pratiquons dans ce forum une certaine bienveillance vigilante. Moi-même je n'ai pas toujours été "zen"... Nous essayons de constituer une famille hétérogène et motivée. Tu es le bienvenu pour nous aider à faire grandir ce projet en faisant fi des éventuels accrocs. Sache qu'aux premiers signes de vraies incivilités, nous saurons être fermes. Notre expérience nous le dicte !

 

En attendant , sois libre !

Partager ce message


Lien à poster
Partager sur d’autres sites

Merci @Seb

Mon objectif est de contribuer, à ma modeste mesure, à ce développement. Et trés sincèrement Zwii est véritablement une trés bonne plateforme

Je regrette simplement que certaines réactions n'aillent pas dans le sens d'une compréhension des besoins concrets de développement et ne constituent qu'une critique totalement stérile (Oui, pour moi c'est important d'avoir un lecteur dépollué d'informations inutiles). 

Une question simplement formulée et "bienveillante" aurait fait l'affaire, et j'aurai volontiers répondu. 

Je pense, qu'ici, on a passé l'âge non ?

Et oui, je resterai libre... mais ça je pense que tu l'as compris. 

Merci en tout cas de ce message, il m'est utile. 

  • Confus 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonsoir,

 

Ils ne sont pas stériles vos échanges ? 
 

Certes Roger a une attitude  parfois un peu décalée, cependant sa réaction quoiqu’inutile  a été mal interprétée et ne nécessitait pas un signalement, il a écrit bien pire et m’a fait sortir de mes gonds  plusieurs fois. 
 

Il aurait été plus utile de passer du temps sur le test de la version 10 que de s’écharper dans ce fil de discussion. 
 

 

il y a 52 minutes, Sourigo a dit :

 

Vous regrettiez que beaucoup "d'anonymes" participaient à Zwii, sans s'identifier. C'est un premier élément de réponse. 

 

Tu peux préciser où tu as trouvé ce regret et où tu veux en venir ? En quoi le post de Roger te permet-il une telle remarque sur le fonctionnement de ce forum  ?



 

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 10 heures, Sourigo a dit :

Je pense qu'il est totalement improductif (y compris pour le développement de Zwii) de porter des jugements sur ce qui est "utile". 

Je ne connais pas "Roger" et franchement maintenant je m'en fous. Deux posts critiqués, et blabla...

Comme il me semble que je suis concerné par "ce courroux" je vais y répondre pour éclaircir simplement un malentendu;

J'abondais dans ton sens Sourigo en confirmant que l'essentiel était que le logiciel de Jean fonctionne chez toi (j'ai beaucoup aimé ta comparaison avec une jante de voiture dans ta réponse faite à Gilux) et si j'avais su que mon "humour sur la 3D" en seconde comparaison en plus de la tienne aurait été mal interprétée par toi, je me serait bien abstenu de la poster hier.

Donc je te présente en public toutes mes excuses si j'ai pu te porter atteinte en quoi que ce soit.

 

Il y a 9 heures, Fred a dit :

Certes Roger a une attitude  parfois un peu décalée, cependant sa réaction quoiqu’inutile  a été mal interprétée et ne nécessitait pas un signalement, il a écrit bien pire et m’a fait sortir de mes gonds  plusieurs fois. 
 

Il aurait été plus utile de passer du temps sur le test de la version 10 que de s’écharper dans ce fil de discussion.

Et je suis 100% d'accord avec toi Fred, une interprétation de propos (réponse décalée en  humour dans mon cas je le reconnais volontiers)  dans le mauvais sens peut provoquer beaucoup de dégâts, voir considérée comme agressive pour celui qui la lit alors que c'était tout le contraire  qu'elle aurait du produire.

Donc à l'avenir je m'abstiendrai de réagir en soutien derrière une personne qui montre l'efficacité d'un module et donne un exemple lui aussi tout en humour pour expliquer le pourquoi du comment.

 

C'est ainsi la réponse que j'entendais faire pour ce triste malentendu,

 

PS:

La phrase avec le terme "faire du social" du dernier message au dessus de ma réponse serait plus approprié appropriée ailleurs que dans ce sujet il me semble, le social du haut de mes "59 berges" je ne le connais que trop et n'en ai vraiment pas besoin ; le pire oui je l'ai connu et il fait bien parti de mon passé maintenant.

J'applique à la lettre la "tempérance" qu'il m'est demandée comme l'a rappelé Seb dans sa réponse et ça me convient parfaitement ainsi; 

Roger

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

@roger

Maintenant qu'on a fait connaissance, je présente à mon tour mes excuses sur le "social" (Éducateur de rue 5 ans prés de Montfermeil) que j'ai immédiatement regretté mais non modifié (ça peut aussi m'arriver d'être un peu tête de lard). Dans tous les cas c'était injustifié, blessant et pas l'endroit : en bref un peu idiot. 

 

Je prends donc également pour moi aussi la remarque de @Seb : "Nous l'encourageons à se tempérer et cette critique vaut pour TOUT LE MONDE" qui, elle, est tout à fait justifiée.

 

Sur ce je vous souhaite à tous de bonnes fêtes de fin d'année.

 

  • J'aime 2

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


  • Contenu similaire

    • Par roger
      Je vous propose ici d'installer dans le TinyMCE  ce plugin qui vous permettra de réaliser des glisser/déposer d'image, de texte depuis n'importe quelle source que ce soit (fihier ouvert sur un pc, dans une fenêtre extérieure d'un navigateur web...)

       Entièrement compatible avec toutes les versions de ZwiiCMS actuelles V10.x.xx

      * Installation *
         1°  Télécharger l'archive et décompressez la sur votre pc
         2°  Votre archive étant décompressée vous devez avoir alors un dossier nommé "core"
           - un dossier nommé "core"
         3°  Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS
          Envoyez les dossiers "core" sur votre espace web et acceptez le remplacement de tout les fichiers.
       
      * Activation du plugin *
         1° Rendez vous à la racine de votre site et ouvrez le fichier "init.js" situé dans le dossier /core/vendor/tinymce/
         2° recherchez:
       
      // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking",    👉  Ajoutez "powerpaste" dans la liste des plugins comme ci dessous
      // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media powerpaste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking",  
         3° Recherchez dans le même fichier cette ligne:
       
      // Cache la barre de statut statusbar: false,    👉  Ajouter juste en dessous ceci:
      // Active le copié collé à partir du Web paste_data_images: true, // Active le copié collé à partir du presse papier paste_filter_drop: false, Enregistrez votre modification, c'est tout.
       
      En images voici l'utilisation du plugin powerpaste en action dans le TinyMCE mode éditeur complet

       

       

       

       

       

       

       
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce plugin pour Tinymce, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce thème sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
    • Par roger
      Voir le fichier Glisser & Déposer (plugin power paste pour tinymce)
      Je vous propose ici d'installer dans le TinyMCE  ce plugin qui vous permettra de réaliser des glisser/déposer d'image, de texte depuis n'importe quelle source que ce soit (fihier ouvert sur un pc, dans une fenêtre extérieure d'un navigateur web...)

       Entièrement compatible avec toutes les versions de ZwiiCMS actuelles V10.x.xx

      * Installation *
         1°  Télécharger l'archive et décompressez la sur votre pc
         2°  Votre archive étant décompressée vous devez avoir alors un dossier nommé "core"
           - un dossier nommé "core"
         3°  Ouvrez votre FTP à l'endroit où vous hébergez votre ZwiiCMS
          Envoyez les dossiers "core" sur votre espace web et acceptez le remplacement de tout les fichiers.
       
      * Activation du plugin *
         1° Rendez vous à la racine de votre site et ouvrez le fichier "init.js" situé dans le dossier /core/vendor/tinymce/
         2° recherchez:
       
      // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking",    👉  Ajoutez "powerpaste" dans la liste des plugins comme ci dessous
      // Plugins plugins: "advlist anchor autolink autoresize autosave codemirror colorpicker contextmenu fullscreen hr image imagetools link lists media powerpaste searchreplace stickytoolbar tabfocus table template textcolor emoticons nonbreaking",  
         3° Recherchez dans le même fichier cette ligne:
       
      // Cache la barre de statut statusbar: false,    👉  Ajouter juste en dessous ceci:
      // Active le copié collé à partir du Web paste_data_images: true, // Active le copié collé à partir du presse papier paste_filter_drop: false, Enregistrez votre modification, c'est tout.
       
      En images voici l'utilisation du plugin powerpaste en action dans le TinyMCE mode éditeur complet

       

       

       

       

       

       

       
       
      Enjoy les amis.
       
      *** N'oubliez pas aussi de revenir sur cette page laisser un petit commentaire si vous avez apprécié le travail réalisé pour ce plugin pour Tinymce, c'est encourageant, gratifiant aussi pour celui qui l'a mis à disposition pour votre plus grand plaisir..
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce thème sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus.
      Contributeur roger Soumis 16/11/2020 Catégorie Plugins TinyMCE  
×
×
  • Créer...