Aller au contenu
Communauté Zwii et Yocto

Rechercher dans la communauté

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



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
    • 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


Site internet

2 résultats trouvés

  1. 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
  2. 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.
×