Vidéo full screen et autoplay

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Vidéo full screen et autoplay

    Bonjour,
    je souhaite intégrer une vidéo sur le haut de la page d'accueil d'un site.
    Cette vidéo doit être en pleine largeur.
    En autoplay et en boucle.
    Ne pas avoir de bouton marche/arrêt-pause, ni de barre de défilement.
    La vidéo sera auto-hébergé sur le serveur.
    Pour cela il faudrait que ce soit un module pour intégrer dans le constructeur de page sppagebuilder de chez joomshaper.

    Chose la plus importante et qui pose problème, c'est que la lecture doit être automatique sur tous supports, même sur smartphone.
    Je trouve des modules, mais pas en autoplay sur smartphone, soit-disant pas possible, alors que j'ai un le site ci-dessous où la vidéo fonctionne automatiquement sur smartphone.

    Est-ce qu'un tel module existe ? Car mes recherches sont vaines
    Quelques liens de mon univers professionnel
    www.andeo.be
    www.websseo.be
    www.stop-humidite.pro

  • #2
    Bonjour,

    La réponse est donnée ici :
    https://forum.joomla.fr/forum/joomla...33#post1984233

    Pour info complémentaire :

    - J'utilise ffmpeg ou mirovideoconverter.com pour convertir dans d'autres formats video

    - Pour du fullscreen sur smartphone, j'utilise deux videos dont une spécifique pour le mode portrait sur mobile. Cependant, il faut également créer un script (intégré par exemple à un module joomla) qui detectera le support et le sens de lecture. La lecture peut parfois mettre du temps si l'utilisateur change de sens en cours de lecture ( portrait / paysage ) mais ce sera parfaitement adapté.

    - Pour l'autoplay, il est conseillé d'utiliser une image fixe pour le smartphone (pour eviter les lourdeurs de chargement) mais dans tous les cas.
    Evitez d'utiliser une video contenant du son (le son ou l'autoplay peut être désactivé par le navigateur ! )

    - Certains concepteurs proposent la video en fond dans leur template avec ou sans l'intégration du logo et menu (tout dépend de leur travail et connaissance). exemple avec l'usage de sppb : http://demo.web-komp.eu/pixel/
    disponible gratuitement (sans kickstart et support) : http://www.joomlaos.de/Joomla_3.x_Do...ixel_Free.html
    Dernière édition par daneel à 04/07/2018, 11h45
    Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

    Commentaire


    • #3
      daneel , J'ai réalisé un site il y a quelques mois pour un proche www.albertsports.be/le-magasin.html, et j'avais le même problème. Sur pc c'est autoplay et full screen en natif SPPB, et j'ai ajouté une vidéo à cliquer pour lire sur smartphone et tablette en jouant avec les options d'affichage selon support proposé par SPPB. Mais j'avoue que ce n'est pas top ce gros bouton play.

      Pour l'autoplay, est-ce possible via sppb ou un autre module d'avoir comme sur weinest cette lecture automatique sur tous supports ? L'ami pour qui je dois faire un site immobilier ne va pas comprendre que eux savent avoir ceci et pas lui

      Envoyé par daneel Voir le message
      Bonjour,

      La réponse est donnée ici :
      https://forum.joomla.fr/forum/joomla...33#post1984233

      Pour info complémentaire :

      - J'utilise ffmpeg ou mirovideoconverter.com pour convertir dans d'autres formats video

      - Pour du fullscreen sur smartphone, j'utilise deux videos dont une spécifique pour le mode portrait sur mobile. Cependant, il faut également créer un script (intégré par exemple à un module joomla) qui detectera le support et le sens de lecture. La lecture peut parfois mettre du temps si l'utilisateur change de sens en cours de lecture ( portrait / paysage ) mais ce sera parfaitement adapté.

      - Pour l'autoplay, il est conseillé d'utiliser une image fixe pour le smartphone (pour eviter les lourdeurs de chargement) mais dans tous les cas.
      Evitez d'utiliser une video contenant du son (le son ou l'autoplay peut être désactivé par le navigateur ! )

      - Certains concepteurs proposent la video en fond dans leur template avec ou sans l'intégration du logo et menu (tout dépend de leur travail et connaissance). exemple avec l'usage de sppb : http://demo.web-komp.eu/pixel/
      disponible gratuitement (sans kickstart et support) : http://www.joomlaos.de/Joomla_3.x_Do...ixel_Free.html
      Merci
      Quelques liens de mon univers professionnel
      www.andeo.be
      www.websseo.be
      www.stop-humidite.pro

      Commentaire


      • #4
        ok, merci de tester avec les url de video suivantes en fond
        http://vjs.zencdn.net/v/oceans.mp4
        http://vjs.zencdn.net/v/oceans.ogv

        Pour we invest, la video est assez lourde à charger et elle ne se voit qu'en partie sur un téléphone (plus de la moitié gauche et droit)
        En comparant entre la version desktop même en wifi et la version sur iphone par exemple sur réseau 3g/4g.

        Si la solution proposée par sppb n'est pas satisfaisante, vous pouvez toujours utiliser des modules de background video.
        Testez chaque demo sur smartphone et desktop avant d'acheter une extension commerciale : https://extensions.joomla.org/tags/page-background/





        Dernière édition par daneel à 04/07/2018, 17h15
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          Je dis seulement : Lis cet article.
          http://www.frandroid.com/android/app...tique-avec-son

          ++
          Wis

          Commentaire


          • #6
            Hello, merci daneel , j'ai acheté une des extension dans le liste, je vais la tester et je reviens dire ce que j'en pense.
            A Wismer, je suis tout à fait d'accord que l'on stoppe ces vidéos intempestives sur certains sites avec le son pour passer un message publicitaire. Là c'est une vidéo unique et intégré au site pour montrer l'activité de l'entreprise, et sans le son. En lisant la fin de l'article ceci ne devrait pas être visé, et comme il s'agit d'une vidéo en background, je pense que le navigateur fera la différence.
            Sur ma version 67 de chrome, et sur le site de démo et quelques exemples, chrome joue bien les vidéos en autoplay
            Quelques liens de mon univers professionnel
            www.andeo.be
            www.websseo.be
            www.stop-humidite.pro

            Commentaire


            • #7
              Bonjour,
              juste pour info ... ta video fait combien de secondes et son poids ?
              Car en général, les videos en arrière plan c'est juste du design pour faire "joli" ... car si c'est vraiment une video assez longue qui explique l'activité, il vaut mieux la mettre dans un article et laisser le visiteur la déclencher ....
              Dernière édition par manu93fr à 05/07/2018, 15h04
              “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

              Commentaire


              • #8
                Hello Manu

                Perso, j'utilise les videos libres et gratuites de http://www.coverr.co/
                lomart likes this.
                Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                Commentaire


                • #9
                  Envoyé par daneel Voir le message
                  Hello Manu

                  Perso, j'utilise les videos libres et gratuites de http://www.coverr.co/
                  Salut Yann
                  je constate qu'on a les mêmes sources ! sourire
                  “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

                  Commentaire


                  • #10
                    manu93fr pour le moment la vidéo n'existe pas, mais je dirai entre 30 et 60 secondes.
                    Là je test ce produit https://demo.web7master.com/web7-video mais la vidéo ne démarre pas, toujours un message d'erreur même en changeant de vidéo
                    Voici ma page de test www.websseo.eu/Dehaut/
                    Je leur ai envoyé un mail, j'attends réponse
                    Quelques liens de mon univers professionnel
                    www.andeo.be
                    www.websseo.be
                    www.stop-humidite.pro

                    Commentaire


                    • #11
                      daneel, super ce site ! Merci
                      Cordialement.
                      __
                      Eddy !!!
                      Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

                      Commentaire


                      • #12
                        je dirai entre 30 et 60 secondes.
                        Perso, je trouve que c'est trop pour un cover video
                        “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

                        Commentaire


                        • #13
                          Envoyé par manu93fr Voir le message
                          Perso, je trouve que c'est trop pour un cover video
                          Je viens de faire un test, c'est vrai que 15 à max 30 secondes y a moyen d'en montrer déjà pas mal
                          Quelques liens de mon univers professionnel
                          www.andeo.be
                          www.websseo.be
                          www.stop-humidite.pro

                          Commentaire


                          • #14
                            Oublie pas le poids de cette video
                            Franchement, les videos en cover c'est plus design qu'autre chose .... et c'est vrai que c'est jolie
                            donc pour moi ta video de présentation ne colle plus pour une video en cover ... mais c'est QUE mon avis
                            “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr

                            Commentaire


                            • #15
                              Envoyé par daneel Voir le message
                              ok, merci de tester avec les url de video suivantes en fond
                              http://vjs.zencdn.net/v/oceans.mp4
                              http://vjs.zencdn.net/v/oceans.ogv

                              Pour we invest, la video est assez lourde à charger et elle ne se voit qu'en partie sur un téléphone (plus de la moitié gauche et droit)
                              En comparant entre la version desktop même en wifi et la version sur iphone par exemple sur réseau 3g/4g.

                              Si la solution proposée par sppb n'est pas satisfaisante, vous pouvez toujours utiliser des modules de background video.
                              Testez chaque demo sur smartphone et desktop avant d'acheter une extension commerciale : https://extensions.joomla.org/tags/page-background/




                              daneel pour la vidéo en mp4 est-il possible d'avoir ce lecteur de vidéo en module pour joomla ?
                              Quelques liens de mon univers professionnel
                              www.andeo.be
                              www.websseo.be
                              www.stop-humidite.pro

                              Commentaire

                              Annonce

                              Réduire
                              1 sur 2 < >

                              C'est [Réglé] et on n'en parle plus ?

                              A quoi ça sert ?
                              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                              Comment ajouter la mention [Réglé] à votre discussion ?
                              1 - Aller sur votre discussion et éditer votre premier message :


                              2 - Cliquer sur la liste déroulante Préfixe.

                              3 - Choisir le préfixe [Réglé].


                              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                              2 sur 2 < >

                              Assistance au forum - Outil de publication d'infos de votre site

                              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                              UTILISER À VOS PROPRES RISQUES :
                              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                              Problèmes connus :
                              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                              Installation :

                              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                              Archive zip : https://github.com/AFUJ/FPA/zipball/master

                              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                              et remplacer www. votresite .com par votre nom de domaine


                              Exemples:
                              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/
                              Pour executer le script: http://www..com/fpa-fr.php

                              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                              Télécharger le script fpa-fr.php dans: /public_html/cms/
                              Pour executer le script: http://www..com/cms/fpa-fr.php

                              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                              Voir plus
                              Voir moins
                              Travaille ...
                              X