Gestion de Contenu, de Communauté et de groupes de travail collaboratif - Open Source, français, sécurisé, stable et performant

  • MODULES

    Pour étendre les nombreuses fonctionnalités disponibles de base - modules.npds.org est à votre disposition.

    Des modules complémentaires, une communauté de développeurs active, des forums pour vos questions ... NPDS  est aussi une plateforme de développement !
  • STYLES

    Vous cherchez des thèmes graphiques pour votre portail ou votre communauté : styles.npds.org est à votre disposition.

    Des thèmes du plus simple au plus sophistiqué. Des thèmes facilement modifiables et toujours en Open-Source - Laissez simplement parler votre imagination !
  • BIBLES

    La documentation indispensable pour personnaliser et exploiter toute la puissante de NPDS  est à votre disposition sur bible.npds.org.

    Vous pouvez participer à l'effort de documentation - rien de plus simple : contactez un membre de la Team de développement et nous vous ouvrirons un compte sur le Wiki !
Devenir membre    |    Identifiant : Mot de Passe : -
Au delà de la gestion de contenu 'classique', NPDS met en oeuvre un ensemble de fonctions spécifiquement dédiées à la gestion de Communauté et de groupes de travail collaboratif.
Il s'agit d'un Content & Community Management System (CCMS) robuste, sécurisé, complet, performant et parlant vraiment français.

Gérez votre Communauté d'utilisateurs, vos groupes de travail collaboratif, publiez, gérez et organisez votre contenu grâce aux puissants outils disponibles de base.
  • Multi langues (Français, Anglais, Allemand, Espagnol, Chinois)
  • Respect des standards : UTF8, XHTML, CSS, ...
  • Système de blocs avancés
  • Installation et administration complète et centralisée
  • Editeur HTML intégré
  • Gestionnaire de fichier en ligne
  • Gestion des groupes de membres
  • Ecriture collaborative de documents (PAD)
  • Forums évolués
  • Mini-sites (pour les membres et les groupes de travail)
  • Chat temp réel
  • Système de News et de rubriques complet (édition, révision, publication)
  • ...
Gratuit et libre (Open-Source), développé en PHP, NPDS est personnalisable grâce à de nombreux thèmes et modules et ne requiert que quelques compétences de base.
NPDS Workplace - groupe de travail collaboratif
 NPDS WorkSpace - tous l'univers du travail collaboratif.
Modéré par : developpeur jpb Jireck 
Index du Forum » » Version future » » Youtube Video responsive & Tarteaucitron  
AuteurYoutube Video responsive & Tarteaucitron
developpeur
24581       
 

developpeur
  Posté : 22-09-2022 08:55

Idéalement il faudrait ajouter dans l'!iframe! les 2 styles ci-dessous


<!iframe! class="!embed!-responsive-item" style="aspect-ration:1 6/9; max-width:100%;"



Cela permet d'améliorer la "responsivité" des videos youtube (et on peut faire la même addition pour vimeo et dialymotion)

A+

  Profil  E-mail  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 22-09-2022 12:34

Ya aussi le code du plugin "media" de TinyMce qui n'est pas top

Avec une version non minifiée / la modif semble fonctionner ègalement

A suivre donc



Message édité par : developpeur / 22-09-2022 14:47


  Profil  E-mail  www  Citation   
colonelwog
1947       
 

colonelwog
  Posté : 23-09-2022 07:27

merci dev pour ce petit bout de code dés que je me remets à codé je l'utiliserai pour mon module de galerie vidéo ... Bien sur pour la mise à jour du module pour la dernière version de NPDS ^^

Pour info il est en teste depuis pas mal de temps sur mon site les années 80:
http://www.lesannees80.free.fr/


  Profil  E-mail  www  Citation   
jpb
2640       
 

jpb
  Posté : 23-09-2022 20:33

pour une 16.4 normalement (bs 5.xx)

class="ratio ratio-16x9" (ou autre ratio voir doc)

dans le div parent suffit ...

https://getbootstrap.com/docs/5.2/helpers/ratio/

  Profil  www  Citation   
Anonyme
19853  

Anonyme
  Posté : 23-09-2022 20:47

Marche pas trop si pas dans l'!iframe! d'après mes tests

Dev

  Citation   
jpb
2640       
 

jpb
  Posté : 23-09-2022 21:19

? dans quel cas ?
https://labo.infocapagde.com/minisite.php?op=jpb&startpage=2

est ce quand la vidéo à une toute petite résolution ?????

Message édité par : jpb / 23-09-2022 21:21


  Profil  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 25-09-2022 05:41

Dans le cas que tu indiques, la taille du player est "null" ...

par contre, si tu fixe une taille (ce qui est bien pour éviter que la video soit la seule chose affichée dans la zone) cela ne fonctionne plus ... sauf avec aspect-ratio

  Profil  E-mail  www  Citation   
jpb
2640       
 

jpb
  Posté : 25-09-2022 19:33

comprends pas ...
éviter que la video soit la seule chose affichée dans la zone ??

  Profil  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 26-09-2022 18:10

regarde sur le site mbf / l'article avec la video - sans aspect-ration la video n'est pas responsive

  Profil  E-mail  www  Citation   
jpb
2640       
 

jpb
  Posté : 26-09-2022 18:35

https://labo.infocapagde.com/index.php?op=index.php

regarde article publié juste en utilisant le meta yt-video() (et le code source généré...) par le métamot

Message édité par : jpb / 26-09-2022 18:37



pour revenir à ça comprends toujours pas ...
"....si tu fixe une taille (ce qui est bien pour éviter que la video soit la seule chose affichée dans la zone)..."
<== si tu fixes une taille c'est l'inverse de la responsivité ... ce sont aux éléments contenant qu'il faut attribuer des comportements de tailles et de responsivité...

par exemple (moitié pour la vidéo la moitié pour le text sur la meme ligne sauf sur les petits medias)....
div class row
div class col-sm-6 le metamot /div
div class col-sm-6 mon text /div
/div

autrement dit les contenus suivent la responsivité des contenant .....

ou alors je comprends pas ...

Message édité par : jpb / 26-09-2022 18:57




sur mb-f peut etre qu'on est pas tout à fait à jour dans les meta de la bd ???? car tu ne devrait pas avoir les classes !embed!-responsive ..... et donc pour résumer le métamot fait son boulot et apporte la classe ratio qui est utilisé comme marqueur par BS pour réécrire le html du contenair de la vidéo (...les dimensions null...)

- pour le pluggin media de tiny je n'ai pas regardé ....

Message édité par : jpb / 26-09-2022 18:58


Message édité par : jpb / 27-09-2022 11:10


  Profil  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 04-10-2022 15:17

je ne comprends plus ... ou est le soucis et quelle est la bonne correction

Avec la version actuelle de NPDS sur mb-f.fr / Si j'enlève apsect-ratio / pas de responsivité


  Profil  E-mail  www  Citation   
jpb
2640       
 

jpb
  Posté : 06-10-2022 09:11



en regardant le code source de l'article on voit (la classe !!embed!!-responsive ..... elle n'existe pas/plus dans ta version et c'est elle qui dans les css antérieur de bootstrap assurait la responsivité) ....

donc

- si tu as écris ou écris toi meme le html
class="ratio ratio-16x9" (ou autre ratio voir doc) dans le div parent suffit ...
https://getbootstrap.com/docs/5.2/helpers/ratio/

- si tu utilise un outil de npds (metamot) tu n'as rien à corriger juste à utiliser le métamot (SI le métamot est à jour dans ta base de donnée !) (conforme à ce que l'on a dans le labo et la version actuelle)

  Profil  www  Citation   
developpeur
24581       
 

developpeur
  Posté : 20-10-2022 16:33

heuuu ....

  Profil  E-mail  www  Citation   
jpb
2640       
 

jpb
  Posté : 20-10-2022 16:42

lol

  Profil  www  Citation   
  
Sauter à :

Temps : 0.016 seconde(s)