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

  • Annonces
    • Règlement du forum
    • Informations et nouveautés
  • Support de Zwii
    • Bugs, questions et tests
    • Suggestions
    • Version de développement
  • Communauté
    • Vos sites sous Zwii
    • Support des téléchargements
    • Tutoriels et bouts de code

Catégories

  • Versions officielles en beta
  • Versions non officielles
  • Modules
  • Modifications et astuces

2 résultats trouvés

  1. Background videos

    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.
  2. Entête videos

    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