Fond animé Youtube @NeoFrag

151 vues Fond animé Youtube
Pochimay 7 sujets, 69 réponses	Le 16/04/2017 à 10:19 Message non lu Bonjour, Je souhaitai partager ma modification pour avoir une video youtube en fond, pour les codeurs en herbe comme moi ;) : Créer le dossier : /overrides/themes/default/views Y uploader le fichier : body.tpl.php Au début y insérer ce code : `<div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="120%" width="100%" src="https://youtube.com/embed/fq8iPg0lrHQ?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1"> </iframe> </div>` Modifier l'ID de la video à votre convenance. Le seul problème est le loop que je n'ai pas réussi à le régler, malgré ça le rendu est sympa. ;) Bonne journée à tous ;) KMZ-KaMikaZes

151 vues

Fond animé Youtube

Pochimay

7 sujets, 69 réponses

Le 16/04/2017 à 10:19 Message non lu

Bonjour,

Je souhaitai partager ma modification pour avoir une video youtube en fond, pour les codeurs en herbe comme moi ;) :

Créer le dossier :
/overrides/themes/default/views

Y uploader le fichier : body.tpl.php

Au début y insérer ce code :

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">

<iframe frameborder="0" height="120%" width="100%" 

src="https://youtube.com/embed/fq8iPg0lrHQ?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1">

</iframe>

</div>

Modifier l'ID de la video à votre convenance.

Le seul problème est le loop que je n'ai pas réussi à le régler, malgré ça le rendu est sympa. ;)

Bonne journée à tous ;)

KMZ-KaMikaZes

Retour

4 participants 10 réponses
Ovolcano 17 sujets, 109 réponses	Le 17/04/2017 à 10:51 Message non lu Salut, ton partage m'intéresse, mais après avoir fait ce que tu as expliqué, je n'ai pas le résultat escompté ! En effet, je vois bien ma vidéo mais plus le site ! Voir ici: SITE TEST Y a-t-il autre chose à faire avant sur le thème de base ou ailleurs ?
AZimut 12 sujets, 159 réponses Donateurs	Le 17/04/2017 à 16:58 Message non lu as-tu bien copier coller le code mis tel quel en modifiant que le lien youtube? le plus important étant ceci "z-index: -99" pour mettre ta vidéo en fond ;) On verra le bout un jour? ...
Ovolcano 17 sujets, 109 réponses	Le 17/04/2017 à 18:45 Message non lu Bonsoir, Oui j'ai fait un copier coller de son post; voici le contenu de mon fichier: `<div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="120%" width="100%" src="https://youtube.com/embed/diokbhZ9ssI?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1"> </iframe> </div>` J'ai fait un premier test sans changer la source de la vidéo et j'avais le même résultat. Pour infos, je ne suis chez zenserv en php 5.6
Pochimay 7 sujets, 69 réponses	Le 19/04/2017 à 05:53 Message non lu Salut, Tu as bien mis la "div" avant`<nav class="navbar navbar-topbar">`? KMZ-KaMikaZes
Ovolcano 17 sujets, 109 réponses	Le 19/04/2017 à 23:21 Message non lu Salut, non je n'ai pas cette ligne. Du coup je l'ajoute comme ci dessous au début du script : `<div nav class="navbar navbar-topbar"> <div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="120%" width="100%" src="https://youtube.com/embed/diokbhZ9ssI?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1"> </iframe> </div>` Ou il doit y avoir autre chose dans le fichier ?
Pochimay 7 sujets, 69 réponses	Le 21/04/2017 à 18:35 Message non lu En première ligne, comme ceci : `<div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="120%" width="100%" src="https://youtube.com/embed/fq8iPg0lrHQ?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1"> </iframe> </div> <nav class="navbar navbar-topbar"> <div class="container"> <?php echo $this->........` KMZ-KaMikaZes
Ovolcano 17 sujets, 109 réponses	Le 22/04/2017 à 13:08 Message non lu Merci à toi, cela fonctionne parfaitement maintenant !
Ovolcano 17 sujets, 109 réponses	Le 22/04/2017 à 16:49 Message non lu J'ai trouvé comment faire un loop infinie de la vidéo : Il faut mettre la commande loop=1 et ajouter la commande playlist avec l'id de la vidéo. &loop=1&playlist=fq8iPg0lrHQ `<div style="position: fixed; z-index: -99; width: 100%; height: 100%"> <iframe frameborder="0" height="120%" width="100%" src="https://youtube.com/embed/fq8iPg0lrHQ?autoplay=1&controls=0&showinfo=0&autohide=1&loop=1&playlist=fq8iPg0lrHQ"> </iframe> </div>` Voir ici pour constater : http://azurairline.raidghost.com/index Par contre je cherche à pouvoir aussi pouvoir couper le volume de la vidéo et réduire la qualité de la vidéo. Si quelqu'un sait comment faire, je suis preneur.
Pochimay 7 sujets, 69 réponses	Le 22/04/2017 à 22:18 Message non lu Super au top ;) Je cherche aussi pour réduire le volume de mon coté. KMZ-KaMikaZes
PuR-WolF 0 sujet, 4 réponses	Le 05/06/2017 à 17:21 Message non lu salut j'ai essayer de le faire mais au dessus du site j'ai le fond de mon site http://www.pur-esport.fr et comment pouvoir changer la vidéo qu'elle lien doit ton prendre et un décalage sur le slider et le dessous

Retour

Fond animé Youtube

Fond animé Youtube

10 réponses