Insérer vidéo dans site internet (par script)

Résolu
Corwin1er -  
Bonjour,

je voudrais demander un coup de main à propos de la mise en place d'une vidéo dans un site web, voilà mon problème :

J'ai cherché pendant plusieurs jours, sur ce site ainsi que d'autres site web, une manière d'insérer une vidéo que j'ai mise sur mon serveur ftp sans pouvoir y arriver...
Je ne suis pas du tout un pro dans tout ce qui est script, alors est ce que quelqu'un pourrait m'expliquer pas forcément TOUT, mais plutot les grandes lignes, c'est à dire après les "file=" que mettre? nom du fichier? chemin du fichier ? lequel? sous lien URL? HTTP?

- Mon fichier est une vidéo .WMV, je l'ai convertit en .FLV (conseils d'autres site mais sans arriver au bout)
- J'utilise smart FTP
- La seule chose que j'aimerais, c'est que la vidéo puisse se lire dans internet explorer ainsi que firefox.

Je vous remercie d'avance de votre aide.
Configuration: Windows Vista
Firefox 3.0

32 réponses

Résumé de la discussion

Insertion d'une vidéo stockée sur un serveur FTP dans une page web et quête des grandes lignes pour la rendre lisible sous Internet Explorer et Firefox. Plusieurs intervenants proposent d'utiliser un lecteur Flash SWF et d'inclure le fichier .flv via une balise embed ou un code swfobject, en précisant le chemin relatif vers le dossier vidéo sur le serveur. D'autres échanges expliquent des ajustements taillés pour compatibilité, telles que l'accompagnement d'un navigateur comme IE et Firefox et le recours à des fichiers de type .flv convertis, ou l'utilisation de scripts et de codes spécifiques. Par ailleurs, certains conseillent d'organiser les fichiers sur le serveur et de créer une structure simple (player et vidéo) pour faciliter l'intégration et la maintenance future.

Bobot (l’IA à votre service)
  1. RAD ZONE Contributeur
    YAHOOOOOOUU CA MARCHE !!

    Franchement,... merci beaucoup, ca fesait des jours que j'en bavais pour essayer de la mettre!

    Merci encore !

    ok ;-))
    j ai vue tes essais en direct :-))
    mais j espere que ton futur hebergeur auras une connection un peu plus rapide !

    si tu veux d autres option demande ici sur le forum !

    A+ je met en resolus !

    RAD
    1. Matt bu maak
      Bonjour Rad,

      J'ai vu que tu ty connaissais pas mal dans ce sujet ...
      je suis un peu dans le même cas : ce P..... de bouton "get flash player" au lieu de ma belle video

      dis moi si tu peux m'aider
      avant que j'explique en détail....
      tu serais vraiment un héros pour moi
  2. Corwin1er Auteur
    YAHOOOOOOUU CA MARCHE !!

    Franchement,... merci beaucoup, ca fesait des jours que j'en bavais pour essayer de la mettre!

    Merci encore !
    1. RAD ZONE Contributeur
      bon me voila revenus !!

      alors
      1 tu enleve le js des head !!!
      cette partie 
      <!--A INSERER DANS LES HEADS DE LA PAGE OU CE TROUVERAS LE PLAYER -->

<script type="text/javascript" src="player/swfobject.js"></script>		
<script type="text/javascript">
			var flashvars = {};
			flashvars.file = "video/puclairdebaie.flv&backcolor=2469b7&frontcolor=OOOOOO&screencolor=ffffff";
			var params = {};
			params.allowfullscreen = "true";
			params.allowscriptaccess = "always";
			var attributes = {};
			swfobject.embedSWF("player/player.swf", "player", "240", "192", "9.0.0", false, flashvars, params, attributes);
		</script>	
<!--		FIN -->


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

      2 Dans le body ; tu remplace la <div id="player">

      par celle ci 
       <!--A INSERER DANS LE BODY A L ENDROIT DE LA PAGE OU CE TROUVERAS LE PLAYER -->		
    <div id="player">			
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="240" height="192" id="flash">
				<param name="movie" value="player/player.swf" />
				<param name="allowfullscreen" value="true" />
				<param name="allowscriptaccess" value="always" />
				<param name="flashvars" value="file=video/puclairdebaie.flv&backcolor=2469b7&frontcolor=000000&screencolor=ffffff"" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="player/player.swf" width="240" height="192">
					<param name="allowfullscreen" value="true" />
					<param name="allowscriptaccess" value="always" />
					<param name="flashvars" value="file=video/puclairdebaie.flv&backcolor=2469b7&frontcolor=000000&screencolor=ffffff"" />
				<!--<![endif]-->
					<a href="https://get.adobe.com/flashplayer/">
						<img src="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object> </div>
    <!--	FIN -->


      PS: pour l image !! il faut que tu la sauvegarde sur ton pc et que tu l envois sur ton serveur , et pas la lier vers imageshack.us
      1. Corwin1er Auteur
        lol ok, merci beaucoup de prendre du temps pour moi, c'est sympa :)
        2. RAD ZONE Contributeur
          bon pas de panique !! on vas essaye de ce passer de javascript !!! :-))

          j ai 2 ou 3 truc a faire et je te fais ca dans une petite heure !!

          pendand ce temps , change l image !! comme je t ai dis plus haut !!
          1. Corwin1er Auteur
            non mais oué jlai fait ca ! mais ya pas moyen le script ne veut pas s'enregistrer, lorsque je republie le site a partir de la console d'admin, que je prévisualise la page, que je regarde le code source, le script s'est barré... alors jai trop la mort...
            1. RAD ZONE Contributeur
              non !!! ouvre ta page html avec un editeur manuel Notepad++ et ajout les balises a la main avec un copie colle ( j y crois pas que je viens de dire ca ;-)) !!! )!!

              et svp change ton image 4Mo !!! par celle ci
              https://imageshack.com/
              1. Corwin1er Auteur
                hmmm jlai mis pourtant, je viens de le remettre, mais a chaque fois que je regarde le code source de la page, il m'enlève le script entre les <head>, j'ai fais mon site avec site builder, alors je sais pas si c'est cet abruti de logiciel qui me l'enlève ^^ mais je sais pas..., je vais essayer de mettre deux scripts, un avec les <head>, l'autre avec les <scripts>
                1. RAD ZONE Contributeur
                  looool tu as oublier le javascript entre les head de ta page !!!! 

                  <!--A INSERER DANS LES HEADS DE LA PAGE OU CE TROUVERAS LE PLAYER -->

<script type="text/javascript" src="player/swfobject.js"></script>		
<script type="text/javascript">
			var flashvars = {};
			flashvars.file = "video/puclairdebaie.flv&backcolor=2469b7&frontcolor=OOOOOO&screencolor=ffffff";
			var params = {};
			params.allowfullscreen = "true";
			params.allowscriptaccess = "always";
			var attributes = {};
			swfobject.embedSWF("player/player.swf", "player", "240", "192", "9.0.0", false, flashvars, params, attributes);
		</script>	
<!--		FIN -->
                  3. Corwin1er Auteur
                    ca marche pas... j'ai pourtant suivi toutes les étapes, mais impossible d'y faire fonctionner... ca m'affiche une petite icone "get adobe flash player" mais sinon... pas de vidéo (je précise que J'AI flash player ^^), tu veux que je te copie les codes pour voir si kke chose ne va pas?
                    1. RAD ZONE Contributeur
                      mais le fichier flv, je dois le mettre dans le sous dossier vidéo mais aussi dans le dossier /web?

                      bien si ton site est dans le dossier web ?? oui tu dois mettre le dossier "player" et tout ce qu il contient , donc le sous dossier "video" !!!
                      1. Corwin1er Auteur
                        J'ai essayé un premier coup ca a pas trop marché, j'vai essayé de modifier un peu le script, mais le fichier flv, je dois le mettre dans le sous dossier vidéo mais aussi dans le dossier /web?
                        2. Corwin1er Auteur
                          ok je l'ai fait, mai je voulai juste savoir si l'ensemble devait rester sur mon disque dur ou si je devais mettre ca sur mon serveur ftp :)
                          1. RAD ZONE Contributeur
                            on vas faire plus simple ;-))

                            Telecharge ce rar , dedans tu remplace juste la video par la tienne tout est config !! il ne te resteras plus qua regarder le code pans la page "player.html" pour l inserer dans ta page !!

                            PS; attention le js "swfobjet.js" est different de celui que tu as eu avant !!!!

                            RAD
                            1. Corwin1er Auteur
                              ok alors ca c'est bon :D

                              (Tout ca c'est bien dans le serveur FTP? dsl mais je suis pas super super doué pour ca ^^ )
                              1. RAD ZONE Contributeur
                                Bon alle on y vas :-))

                                1 tu vas "creer un dossier player" dans ce dossier tu met un sous dossier que tu appele "video" tu as donc un dossier contenant un sous dossier !! OK

                                2 tu met le player.swf et le swfobject.js dans le dossier "player"

                                et tu met ta video
                                puclairdebaie.flv dans le sous dossier "video"

                                revient quand c est fait !!
                                1. Corwin1er Auteur
                                  Alors le nom du flv c'est "puclairdebaie",

                                  pour la résolution je dirais quelque chose qui irait bien dans un site (c'est un spot TV), de base la vidéo fait 720 par 576, donc je dirais entre 2 ou 3 fois plus petit (si c'est possible bien sur)

                                  La couleur ca a peut d'importance, mais je dirais bleu :)

                                  l'autoplay non,

                                  et sinon pas d'image de preview

                                  Je précise que j'utilise smart FTP et pourrais tu à propos de ca me dire lorsque un lien vers un fichier (dans le serveur ftp) est demandé si je dois copier l'url, l'url sans login, le http ou le chemin ?
                                  • 1
                                  • 2

                                  Discussions similaires

                                  FOTOSE (allemagne)
                                  lix

                                  13 réponses