Partage
  • Partager sur Facebook
  • Partager sur Twitter

Vidéo en fond sur la page d'accueil...

... qui envoie sur la page suivante une fois arrivée au bout.

    3 août 2018 à 10:09:31

    Bonjour,

    Excusez moi si la question a déjà été posée où si je poste sur le mauvais forum (j'ai hésité avec le forum javascript).

    (Et au passage un petit merci pour votre super site qui m'aide énormément dans mon apprentissage.)

    Je suis un webdesigner débutant et j'ai eu la chance de trouver assez vite du travail dans une toute petite boite. Du coup je dis tout faire moi-même alors que j'ai encore parfois pas mal de lacunes, j'apprends sur le tas quoi.

    Voilà pour les présentations.

    J'ai un client qui veut absolument que j'insère une vidéo en page d'accueil de son site, à priori en background avec le menu par dessus.

    J'ai trouvé plusieurs tutos pour faire ça, de ce côté je pense pouvoir m'en sortir en les étudiant.

    En revanche le client souhaite qu'une fois arrivée à son terme, la vidéo se ferme et qu'apparaisse le contenu suivant du site (un texte de présentation de l'entreprise et quelques éléments graphiques).

    J'ai cherché un peu et je ne trouve pas de sites réalisés comme ça, il faut dire qu'on trouve beaucoup moins de site avec des vidéos en background qu'il y a quelques temps.

    Est-ce que c'est réalisable ?

    Si oui une petite explication m'aiderait beaucoup.

    J'imagine qu'il faudra du jquery pour le faire ? (j'en suis encore à mes débuts avec ce langage, j'arrive à insérer des plugins mais réaliser moi même mon code c'est pas encore ça...)

    Je n'ai encore rien réalisé alors je ne peux pas vous fournir de code.

    En fait j'en suis encore au stade du design général et je dois discuter avec mon boss de cette vidéo justement, je trouve pas ça forcément très judicieux pour l'affichage smartphone (poids des données etc... ).

    Merci beaucoup.

    • Partager sur Facebook
    • Partager sur Twitter
      3 août 2018 à 10:20:00

      Bonjour,

      En regardant les listener autour de l'élément <video>, je suis tombé sur le listener "ended" qui semble correspondre à tes besoins.

      Voici la doc MDN:

      https://developer.mozilla.org/fr/docs/Web/Guide/DOM/Events/evenement_medias

      Si tu bloques sur un élément pour implémenter ton script, reviens nous voir! ;)

      En règle générale, mettre une vidéo qui se lance automatiquement sur la page d'accueil est une mauvaise idée. C'est très intrusif et fait fuir la grande majorité des utilisateurs sans parler de la perf sur mobile.

      • Partager sur Facebook
      • Partager sur Twitter
      "Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain
        4 août 2018 à 10:51:29

        Super ! Merci beaucoup je vais voir ça.

        Pour le côté intrusif c'est aussi mon avis pour les raison que tu invoques.

        En fait j'ai prévu d'essayer lundi de convaincre mon boss, si ce n'est de supprimer cette idée complètement, au moins de la supprimer sur smartphone. C'est lui ensuite qui doit convaincre le client.

        • Partager sur Facebook
        • Partager sur Twitter
          9 août 2018 à 7:33:54

          Et bien je l'ai convaincu et le design avec vidéo en ouverture  été abandonné.
          • Partager sur Facebook
          • Partager sur Twitter
            9 août 2018 à 9:35:04

            Tant mieux, c'est lourd pour pas grand chose surtout sur smartphone.
            • Partager sur Facebook
            • Partager sur Twitter
            /!\ Si je cesse de répondre c'est parce que vous êtes venus poster sans avoir suivi les cours de base sur le sujet. /!\

            Vidéo en fond sur la page d'accueil...

            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
            • Editeur
            • Markdown