Messages recommandés

pwepwe973    6

Bonjours,

j'ai cherché et j'ai pas vu d'option pour permettre de modifier le code de l’entête et mettre autre chose que des images j'aimerais mettre une vidéos en fond.

  j'ai mis la vidéo en background du site lui même mais cela me conviens pas j'aimerais plutôt le voir en entête

 

si cette option n'existe pas j'aimerais bien vous la suggérer et encore bravo pour ce beau projet j'aime beaucoup

 

cordialement SYLVAIN

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6

Oui je suis de Guyane lol c'est le 973 qui ma trahis :grin: 
Sinon quel fichier je devrais modifier pour toucher à la parti de l’Entête?

En tout cas hâte de le voir intégrer le cms lol car c'est une option top pour les gens qui font de la vidéos d’événement comme moi et qui opterais pour zwii.

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

Moi ? Dans le 6.5 ! xD

Ça irait, quelque chose comme ça ? Ici, une video Youtube dans son iframe d'intégration avec une ligne une ligne de css – merci à @creatifmen ! ;)

Si tu le souhaites, je pourrais sans doute te faire une petite interface pour intégrer l'id de la vidéo en ligne, sans avoir à soulever le capot.

 

wakeup.jpg.727f1d8eee3b727a31bf51a4dad3b309.jpg

Modifié par PeterRabbit

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6

autoplay mais en mode mute pour pas déranger la personne si elle doit regarder une vidéos du site. l’entête vidéos c'est plus pour monter des extraits des vidéos réalisé.

Modifié par pwepwe973

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6
Le 23/11/2018 à 10:49, PeterRabbit a dit :

D'accord. Je laisse comme ça, et je te mets &autoplay=1&mute=1 par défaut dans le code.

coucou
Je viens de voir ta réponse :) 
fraudais laisser presque toutes les options
controls=0&showinfo=0&rel=0&autoplay=1&loop=1&mute=1

 

car les infos, les bouton play et compagnie,le son de la vidéo et les suggestion de vidéos similaire doivent disparaisse lol et laisser place uniquement au images de la vidéos en entête. :)
 

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371
il y a 28 minutes, pwepwe973 a dit :

fraudais laisser presque toutes les options
controls=0&showinfo=0&rel=0&autoplay=1&loop=1&mute=1

 

Quand tu auras le code, tu auras les clefs @pwepwe973 et tu pourras faire exactement ce que tu veux. :D

 

Pour info aux visiteurs, ça avance : la bannière vidéo affiche désormais des vidéos de façon aléatoire en fonction des clics sur les pages.

@pwepwe973, il me fait bosser ! C'est bon pour le moral – et Alzheimer aussi peut-être !  xD

 

 

Modifié par PeterRabbit
  • Like 1

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6
il y a 12 minutes, PeterRabbit a dit :

 

Quand tu auras le code, tu auras les clefs @pwepwe973 et tu pourras faire exactement ce que tu veux. :D

 

Pour info aux visiteurs, ça avance : la bannière vidéo affiche désormais des vidéos de façon aléatoire en fonction des clics sur les pages.

@pwepwe973, il me fait bosser ! C'est bon pour le moral – et Alzheimer aussi peut-être !  xD

 

 

oui je viens de voir oui cela alterne bien lol c'est exactement comme sur mon ancien site c'est bien cela que je voulais

""c'est bon pour le moral,  c'est bon pour le moral, c'est bonbon, c'est bonbon""  lol dommage il y  pas de note de musique dans les émoticône lol

  • Haha 1

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6
Il y a 5 heures, PeterRabbit a dit :

 

Quand tu auras le code, tu auras les clefs @pwepwe973 et tu pourras faire exactement ce que tu veux. :D

 

Pour info aux visiteurs, ça avance : la bannière vidéo affiche désormais des vidéos de façon aléatoire en fonction des clics sur les pages.

@pwepwe973, il me fait bosser ! C'est bon pour le moral – et Alzheimer aussi peut-être !  xD

 

 

 

 

@PeterRabbit merci pour ton coup de main de chef :):heart:  pour m’avoir écris cette jolie entête vidéos

image.thumb.png.d684529a14c72ca23a35e3e8d6e4c954.png


 

 

 

  • Thanks 1

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

Mieux que ça, @pwepwe973 ! Avec @cybertaf pour l'interface dynamique, nous nous sommes mis à trois pour te faire une jolie bannière : elle affiche une playlist aléatoire qui peut contenir jusqu'à 8 vidéos ! xD

 

5c092ffcaaa80_bannre.jpg.e25d823cffbd7f07e3a8e90a0c3a424d.jpg

 

PS : Je ne publierai pas ce travail tant que je n'aurai pas finalisé mon projet de trois types de bannières différents : il reste la bannière image responsive à intégrer. 

Mais si vous êtes intéressé, n'hésitez pas à me contacter par MP, je vous enverrai les fichiers et je les actualiserai au fur et à mesure des tests et des avancées. :)

Modifié par PeterRabbit

Partager ce message


Lien à poster
Partager sur d’autres sites
PeterRabbit    371

Merci à @creatifmen et à son œil de lynx qui m'ont remonté des points à corriger. En particulier, celui du "loop" qui ne fonctionnait pas quand il n'y avait qu'une vidéo : le code de Youtube est plus tordu que je ne le pensais.

C'est réglé – enfin, je pense.o.O

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6
Le 06/12/2018 à 15:20, PeterRabbit a dit :

Mieux que ça, @pwepwe973 ! Avec @cybertaf pour l'interface dynamique, nous nous sommes mis à trois pour te faire une jolie bannière : elle affiche une playlist aléatoire qui peut contenir jusqu'à 8 vidéos ! xD

 

5c092ffcaaa80_bannre.jpg.e25d823cffbd7f07e3a8e90a0c3a424d.jpg

 

PS : Je ne publierai pas ce travail tant que je n'aurai pas finalisé mon projet de trois types de bannières différents : il reste la bannière image responsive à intégrer. 

Mais si vous êtes intéressé, n'hésitez pas à me contacter par MP, je vous enverrai les fichiers et je les actualiserai au fur et à mesure des tests et des avancées. :)

 

Salut @PeterRabbit

je vois tu à bossé dure  franchement bon boulot partit d'un petit exemple d’entête vidéos  et la je vois la progression c'est vraiment top ça sera utile a d'autres.

 

Modifié par pwepwe973

Partager ce message


Lien à poster
Partager sur d’autres sites
pwepwe973    6
Le 07/12/2018 à 10:38, PeterRabbit a dit :

Merci à @creatifmen et à son œil de lynx qui m'ont remonté des points à corriger. En particulier, celui du "loop" qui ne fonctionnait pas quand il n'y avait qu'une vidéo : le code de Youtube est plus tordu que je ne le pensais.

C'est réglé – enfin, je pense.o.O

lol YouTube te donne du fil à retorde.

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par pwepwe973
      Bonjours
      voici une petite méthode que j'ai utilisé pour avoir un fond d’écrans vidéos sur zwii.
       
       

       

      1. Cliquer sur personnaliser le thème en haut a droite lorsque vous êtes connecté, vous cliquez ensuite sur mode avancé en bas de la page.
      Puis dans le code css qui s'affiche, vous ajouté le code suivant.
       
      * { box-sizing: border-box; } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #vidtop-content { top: 0; color: #fff; } .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; } .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; } .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } }  

      2. Et dans la page ou vous voulez ajouter le fond d’écrans vidéo,
      vous mettez ce code html avec votre playlists YouTube
      <div class="video-background"> <div class="video-foreground"><iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&list=PLgIerhn1S8dOr8u2R6hfqri6xWd0Yw6SH&mute=1" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div> </div>  

      https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&list=PLgIerhn1S8dOr8u2R6hfqri6xWd0Yw6SH&mute=1
       
      Voici les caractéristiques des paramètres en gras de l'url YouTube ci dessus :  
       
      https://www.youtube.com/embed/W0LHTWG-UmQ :             ID de ma vidéo
      ?controls=0  :           Masquer les bouton
      &showinfo=0 :          Pour masquer les information de la vidéos comme le titre etc...
      &rel=0 :                    Pour empêcher au lecteur d'afficher d'autre vidéos similaire
      &autoplay=1 :           Lecture automatique
      &loop=1 :                  Lecture en boucle
      &list= PLgIerhn1S8dOr8u2R6hfqri6xWd0Yw6SH :               ID de votre playlists
      &mute=1 :                Met le son en muet
       
       

      Voila comment ajouter un fond vidéo.