[streaming] liens vers vidéo

Résolu
Salut,
Je fais un site pour mon groupe de musique et je voudrai diffuser nos vidéo en streaming. J'ai donc fait utiliser la balise embed et ca marche bien.
Ce que je voudrai faire c'est lancer les vidéo seulement après avoir cliquer sur un lien.

En effet pour l'instant dès qu'on ouvre la page qui contient la balise embed, on voit la fenetre de la vidéo (même si elle n'est pas charger) et c'est pas très chouette et avec plus de 30 vidéo ca prend bcp de place. Donc si je pouvais voir cette fenetre qu'en cliquant sur un lien vidéo par exemple ca serait bien.

Merci

54 réponses

Résumé de la discussion

La problématique porte sur la diffusion de vidéos en streaming via une balise embed, avec l’objectif d’éviter l’affichage automatique du lecteur et de lancer la vidéo uniquement après avoir cliqué sur un lien. Parmi les solutions, l’utilisation du paramètre autostart sur l’élément embed ou object permet d’éviter le démarrage automatique et d’afficher le lecteur seulement après l’action de l’utilisateur. D’autres suggestions évoquent des liens directs vers chaque vidéo ou l’emploi d’un petit lecteur dédié afin d’éviter le remplissage visuel et de contrôler le démarrage. Autre élément utile : la qualité et le format influent fortement sur le poids du fichier et la fluidité du streaming.

Bobot (l’IA à votre service)
  1. meilleur solusion le flash :) une astuse tu peu uploder un video n importe quel forma a youtube il te le convert en flash .flv ensuite tu fish le lien de ton video et tu le met dans ton propre player comme dans ce site : http://twichia.free.fr
    1. si je me souviens bien, on parlait de streaming !!!!!!!!!!!!!!!!!
      Donc autant faire ça (prend pas de place dans le html -moin s d'un KO- mais ouvre dans une nouvelle fenetre)

      A adapter:

      Si ta vidéo est dans un format lisible avec Windows Media:
      reprend le chemin
      exemple:

      Le fichier html est:
      http://www.lesitekidechire.fr/lecteurVID.html

      La vidéo est
      http://www.lesitekidechire.fr/Vids_entre_potes/MonPoteYamakasi.avi

      Dans le fichier http://www.lesitekidechire.fr/lecteurVID.html il faut écrire:
      mms://www.lesitekidechire.fr/Vids_entre_potes/MonPoteYamakasi.avi

      (remplacer le http:// du chemin video par mms://)

      Comme je disais a adapter

      P.S: vous allez dire qu'on revient au début, mais non, puis ce que l'on ne necessite normalement aucun codec
      P.S: Ne fonctionne que sous Windows 95 et +
      P.S: Pas la peine de trafiquerDos et 3.1 je vous dit que j'ai déja essayé
      P.S: Et vous aussi Linux et Macintosh, va !!
      P.S: Les OS cherchent tous la perfection aujourd'hui :) !!!!

      Une autre solution (beaucoup plus chiante, a ne jamais utiliser)

      Si MMS ne marche pas, pensez a chercher une solution citée précedemment pour
      y remedier, ceci est juste une parenthèse sur le bat

      Un site en bat (Un site a télecharger)

      Tu crée ton Index.html(voir 3):

      Tu crées site.zip

      Index.bat (on verras ca en 1)
      Test.avi (Faut pas abuser)

      1. Index.bat (quest'ce que c'est que ce truc ??)

      Cliquez sur demarrer, executer, puis taper "notepad"
      Vous avez le bloc-notes, là, écrivez:

      <<
      1. @echo off
      2. echo bienvenue sur "nom du site", le meilleur site
      3. echo appuyez sur une touche pour entrer
      4. pause>nul
      5. set /p NAME=
      6. echo vous vous appelez %NAME% ???
      7. pause
      8. echo Bienvenue %NAME%
      9. echo si vous voulez regarder une video,
      10. echo appuyez sur une touche
      11. pause>nul
      12. wmplayer Test.avi
      >>

      Infos: les numeros et les espaces ne doivent pas êtres présents,
      Les lignes 1,3,4,5,6,7,8,10,11 ne doivent pas êtres modifiées

      Ensuite cliquez sur Fichier, Enregistrer sous.
      Là écrivez Index.bat
      Mettez dans le même dossier la vidéo (ici Test.avi)
      Zippez tout ça avec un logiciel adapté

      2.L'hebergement
      (déja webmasters, veuillez sauter ce chapitre)

      Pourquoi se contenter de FTP Expert ou de Filezilla,
      Le FTP Web de voila nous suffira,
      allez sur https://www.118712.fr/sortir.html
      inscrivez-vous
      connectez-vous
      cliquez sur héberger (a coté de la maison)
      cliquez sur Je veux créer un site
      Ecrivez le nom du site
      Cliquez sur "Utiliser le FTP Web"
      Parfois, l'on vous demande votre login et mot de passe
      cliquez sur Importer des fichiers,
      selectionnez Index.html (on verras en 3)
      passez a l'autre case
      selectionnez site.zip
      cliquez sur valider
      attendez
      rendez vous sur https://www.118712.fr/sortir.html

      3.Index.html

      cliquez sur demarrer, executer.
      ecrivez "notepad"
      écrivez

      <title>Site streaming</title>
      <head>
      <a href="https://www.118712.fr/sortir.html">
      </head>
      <body>
      </body>

      Cliquez sur fichier, enregistrer sous.
      Là écrivez "Index.html"
      cliquez sur ok
      cliquez sur la croix

      ---------------------------------------------------------------------------

      COMPRIS LES COCOS
      1. Essayez donc ce lecteur flash SWF GRATUIT hébergé par google ( pour leurs statistiques surement )

        https://code.google.com/archive/p/flvplayer

        Qui permet de faire une playlist vidéo en FLV, et de controler les options, le look
        ( en HTML super simple, ou java, ou XML ...)

        un mode d'emploi et une démo pour débutants ici ;
        http://jerome.sevestre.free.fr/TEMPLATE/index.html

        le projet du lecteur en .fla et les détails croustillants plutôt ici ;

        pour le lecteur 1 film
        http://resources.neolao.com/flash/components/player_flv

        pour le lecteur Multi films
        http://resources.neolao.com/flash/components/player_flv/templates/multi

        Si avec ca vous êtes toujours pas contents
        collez donc aussi ceci dans le code, si le controle active X bloque les objets flash ( Surtout avec IE)

        <!-- saved from url=(0013)about:internet -->

        Sinon vous pouvez essayer Esa FLV player, le dernier Wimpy wasp, et pleins d'autres softs payants et pas tous terribles en qualité de rendu.

        Adobe Flash même CS 3 n'a pas les meilleures résolutions pour la convertion...

        Personnellement j'utilise I am Too FLV converter qui permet d'encoder l' audio en 320Kbps
        1. ok je vais lire tout ca, encore merci, et je reposterai si probleme il y a ;)
          1. ok pour l'iframe c'est le code que j'avais fait ;)
            Et enfin, pour le pb de plugins tu as une solution ?

            Je devrais peut etre caser ca dans le code :

            PLUGINSPAGE="http://www.microsoft.com/..."

            et ca aussi :

            TYPE="application/x-mplayer2" NAME='MediaPlayer'

            non ?

            Je sais, je suis un gros lourd qui arrive pas a se satisfaire de ce qu'il a deja lol :P
            1. <iframe src="" name="maVid"></iframe>

              <a href="mavideo1.htm" target="maVid">lien video1</a>

              ---------------------

              sur la page mavideo1.htm :

              <embed src="video1.mpg" autostart="true" />

              ou alors un lecteur flash :)
              1. Alors 2 petites remarques :

                1- La premiere est qu'il y'a un pb de plugins, je dois faire koi pour remedier a ca ? non parceque en fait ca ne me les trouve pas automatiquement et du coup je peux pas lire la video que je mets.

                2- Supposons que je veuille plutot ouvrir la video dans la meme page ... comment faire ?
                => Je peux utiliser une Iframe au pire ;) mais quel code mettre .?

                Merci encore ;)
                1. ok j'etais en train de testé 'ancien et ca bugguait de partout :D

                  Alors let's go je teste cela de suite et je te dis si c'est nikel :)

                  Merci en tout cas !
                  1. Je vais vraiment trop vite désolée :S voici ce qui te permet de faire des liens vers des vidéos différentes sur une seule page ;) :

                    Entre les balises Head :
                    <SCRIPT LANGUAGE="JavaScript">
                    function openindex(video)
                    {
                    OpenWindow=window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
                    OpenWindow.document.write("<HTML>")
                    OpenWindow.document.write("<TITLE>My Embedded Video</TITLE>")
                    OpenWindow.document.write("<BODY BGCOLOR=000000>")
                    OpenWindow.document.write("<EMBED SRC='"+video+"' AUTOSTART=true></EMBED>")
                    OpenWindow.document.write("</HTML>")
                    OpenWindow.document.close()
                    self.name="main"
                    }
                    </SCRIPT>


                    ...et ceci dans le body:
                    <a href="#" onClick="javascript:openindex('video1.mpg');">Regarder ma vidéo</a>
                    <a href="#" onClick="javascript:openindex('video2.mpg');">Regarder mon autre vidéo</a>
                    ...
                    1. OpenWindow=window.open("", "newwin", height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");

                      remplace le "+scroll+"

                      par auto

                      ce qui donne :

                      OpenWindow=window.open("", "newwin", height=250,width=250,toolbar=no,scrollbars=auto,menubar=no");

                      je pense que maintenant je n'ai plus de corrections à faire :D
                  2. Hey ho peace les garçons ;) Maintenant tu as la réponse, avec ce que je t'ai donné, quand tu clique sur un lien, ça ouvre une page avec ta video ;)

                    aussi, au lieu de le mettre dans un body onload="javascript:openindex()"; met le sur un lien comme ceci :

                    <a href="#" onClick="javascript:openindex()">Lien pour lancer la video</a>
                    1. Merci beaucoup pour ton aide Scriptiz, (mon post precedent ne s'adressait pas a toi ;) )
                      Je vais tester ca de suite, encore merci ;)
                      1. Je dois avouer que ta reponse ne me surprend pas ... En effet je n'attendais pas de remarque constructive de ta part ...

                        Par contre, moi je met +1 au compteur de tes interventions qui ne servent a rien ...
                        1. Voila ce qui répond à ta question de façon parfaite :P

                          <SCRIPT LANGUAGE="JavaScript">
                          
                          function openindex()
                          {
                          OpenWindow=window.open("", "newwin", "height=250,width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
                          OpenWindow.document.write("<HTML>")
                          OpenWindow.document.write("<TITLE>My Embedded Video</TITLE>")
                          OpenWindow.document.write("<BODY BGCOLOR=000000>")
                          OpenWindow.document.write("<EMBED SRC=4secjoe.avi AUTOSTART=true></EMBED>")
                          OpenWindow.document.write("</HTML>")
                          OpenWindow.document.close()
                          self.name="main"
                          }
                          </SCRIPT>
                          
                          [Ne pas copier ceci]
                          ...et ceci dans le body comme attribut ;)
                          [/Ne pas copier ceci]
                          
                               onLoad="openindex()" 
                          1. Relis mes message, tu verras alors que ma question est celle posée initialement dans ce topic.
                            Apres, certes il n'y a pas de point d'interrogation, mais on s'en tape royalement, et si c'est pour faire ce genre d'intervention, qui en plus de n'avoir aucune utilité est, fanchement stupide, et bien, je crois que tu t'es trompé, et de conversation, et de site ...

                            Voila ;)
                            1. Mais je n'ai pas dis que tu ne connaissait pas flash mdr ;)
                              Et ensuite pour ta deuxieme phrase je suis d'accord avec toi, mais n'aurais tu pas plutot une reponse a ma question lol ;) ?
                              • 1
                              • 2
                              • 3