Entrez vos identifiants

x
OU
Vous avez oublié votre mot de passe ?
Utilisateur wiki : vous n'aviez pas d'email ?

Korben - Site d'actualité geek et tech

Go Top


Animez vos fonds de pages web avec des vidéos Youtube

Animez vos fonds de pages web avec des vidéos Youtube

Voici un petit bout de code qui vous permettra de remplacer le fond image de votre site web par une vidéo YouTube en plein écran. À vous quand même de bien choisir la vidéo pour éviter que ça ne ressemble aux fonds de page en GIF animés des années 90

Pensez à remplacer le VIDEO_ID par l'ID de votre vidéo YouTube.

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

<iframe frameborder="0" height="100%" width="100%" src="https://youtube.com/embed/VIDEO_ID?autoplay=1&controls=0&showinfo=0&autohide=1"></iframe>

</div>

Et si vous souhaitez mettre une musique au chargement de votre page (MOUAHAHAHA), vous pouvez aussi utiliser YouTube avec le code suivant :

<embed height="0" width="0"src="http://youtube.googleapis.com/v/VIDEO_ID&autoplay=1&loop=1" />

Source


Facebook Twitter Email Copier Url

10 Responses to “Animez vos fonds de pages web avec des vidéos Youtube”

  1. Daikyoka dit :

    Pas bien Korben, tu vas donner de mauvaises habitude. C’est ce qu’il ne faut jamais faire sur une page Web. Pour ma part je ferme systématiquement (ou le plus tôt possible) les pages avec de la musique, alors une vidéo…

  2. Super intéressant. Par contre, oui, à utiliser avec parcimonie =)

  3. Thierry dit :

    Korbeeeennn !!! Nooooonnn !!! Cette page va être référencée dans pleins de moteurs de recherche et alors…. alors ils sauront comment mettre une vidéo en arrière plan !!! Horreur !!!

  4. iOGMb1LlK2zt dit :

    Je tiens a prévenir les dev web tentés de suivre ces conseils :
    Si vous abandonnez cette idée maintenant, j’oublie tout et ça s’arrête là.
    Je vous laisserai tranquille. Je ne vous poursuivrai pas. Mais si vous
    le faites, je vous chercherais, Je vous trouverais,
    et je vous tuerais…

    Plus sérieusement, s’il vous plait pensez aux internautes a faible bande passante. Une vidéo youtube en background c’est une horreur (je parle même pas pour les abonnés Free :D ).
    Une musique a l’ouverture de la page, sans demander son avis a l’utilisateur, moi ça m’agace et en général je ferme directement la page.

  5. p_tony dit :

    C’est cool on va se retrouver avec plein de fond de page noir où il y aura écrit:

    “Cette vidéo inclut du contenu de UMG, qui l’a bloqué dans votre pays pour des raisons de droits d’auteur”

  6. Thierry dit :

    Oui mais non. Pas de musique qui se lance toute seule c’est tout.
    Je vais sur le site d’un groupe pour connaître les dates de concert tout en écoutant la musique de mon choix, éventuellement la leur.

  7. Testcoucou dit :

    Perso moi ça me parle bien…. ou du moins j’aimerais pouvoir faire un truc de ce style https://www.spotify.com/fr/video-splash/?utm_source=spotify&utm_medium=web&utm_campaign=start

    Si quelqu’un dispose d’une source je veux bien :)

  8. Mirhahil dit :

    Après les GIF animés on va franchir un nouveau palier dans l’immonde… x__X

  9. Imaginez les superbes pubs qu’on va nous offrir en background. A dégueuler tout simplement.

  10. Blm dit :

    C’est qui Parcimonie?!

Dolby Audio Challenge – Coder pour le bonheur des oreilles

Capture du 2016-04-28 18:04:55

Si vous êtes développeur web en agence (par exemple) il vous arrive sûrement d'avoir dans votre Slack ou ailleurs des commandes pour des sites qui intègrent du son.

Pause
Wait, je sais le son en arrière plan d'une page web c'est bad really bad, mais là je parle d'autre chose.
End pause

Je veux parler de ces sites commandés à votre boîte par Warner, Universal, Ubisoft, où même toi dev freelance qui veut te faire un portfolio qui claque sa maman et qui ont besoin d'une bande son en arrière plan pour plonger l'internaute dans l'univers du jeu, trailer vidéo ou whatever.

B'hein en règle générale, c'est une mouise sans nom pour avoir un rendu sonore correct.
Pour pallier au problème Dolby a développé une techno qui est censée régler le problème et pour vous en faire la demo, ils vous invitent à la tester en participant à leur code challenge.

En y participant, vous aurez toutes les ressources nécessaires afin d'intégrer le nouveau son multi-dimensionnel (just marketing mais ça à l'air quand même cool) de Dolby. Accédez au hub où les développeurs Dolby animeront des tutoriels et webinars en one-to-one pour implémenter Dolby Digital Plus sur votre site.

A la clé un money pot de 15,000$.

Pour y participer où voir de plus près la techno pour les plus curieux c'est ici

Vous avez aimé cet article ? Alors partagez-le avec vos amis en cliquant sur les boutons ci-dessous :

Twitter Facebook Google Plus Linkedin email
Rejoignez les 56887 korbenautes
et réveillez le bidouilleur qui est en vous
abonnez-vous en savoir plus
"Vous aimez bidouiller ?" Oui j'adore l'informatique et la technologie
Suivez Korben Un jour ça vous sauvera la vie.. Ou celle d'un(e) ami(e)
  • Rejoignez les 56887 bidouilleurs de la grande famille des Korbenautes
    «Je considère que votre email est aussi important que le mien.»
    Korben
  • Les Derniers Articles du Blog

  • Inscrivez vous aux bon plans

  •  
  • Site hébergé par
    Agarik Sponsor Korben
  • DANS TON CHAT (BASHFR)

    Grindam : Elle est trop chiante quand elle parle de ses conneries tu devrais voir ! Qui voudrait connaitre les dialectes sud-americains serieux ?
    Helene : Et qui voudrait savoir comment coder en JAVA ? Mmh...?
    Grindam : Oh c'est bon je t'en ai parlé qu'un fois !
    Helene : On etait entrain de baiser !

    -- http://danstonchat.com/12625.html
  • Un boitier externe pour booter des ISO à

    gogo sans se prendre la tête

    Il s'agit d'un boitier externe pour disque dur 2,5" fabriqué par la société Zalman, qui a la particularité d'avoir un petit écran de contrôle et qui permet de choisir l'ISO sur laquelle vous souhaitez booter...lire la suite

    Microsoft récupère vos clés de chiffrement.

    Voici comment les en empêcher

    Si vous avez acheté un appareil sous Windows 10 équipé d'une puce qui chiffre par défaut le disque, ne vous pensez pas en sécurité pour autant : La clé de récupération qui vous permet de déchiffrer vos données...lire la suite

    En ce moment dans l'univers "Raspberry Pi"

    Voir tous les articles »