Intégrer un lecteur vidéos sur une page d'introduction

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mar 12 Juil 2011 - 23:50

Bonsoir,


Je souhaite intégrer un lecteur vidéo sur la page d'introduction de mon forum. Le lecteur en question est le JW Player 5.7, disponible ici. Je l'ai donc téléchargé, puis dézippé puis je suis censé faire ceci :

Transférer la player.swf , jwplayer.js et swfobject.js fichier de la ZIP sur votre site web. Nous vous recommandons de mettre ces fichiers dans un dossier nommé "jwplayer" à la racine de votre site. Assurez-vous que vous avez aussi téléchargé toutes les vidéos nécessaires, des chansons et / ou des images à votre site.

J'ai hébergé ces trois fichiers sur un hébergeur *.swf et *.js (apparemment) (LocalHostr puis j'ai copié/collé ce code dans ma page html d'introduction :

<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
jwplayer('mediaplayer').setup({
'flashplayer': 'player.swf',
'id': 'playerID',
'width': '480',
'height': '270',
'file': '/videos/bunny.mp4'
});
</script>


En modifiant le /jwplayer/jwplayer.js par le lien qui m'a été donné par l'hébergeur, le player.swf également par un le lien de l'hébergeur puis le /videos/bunny.mp4 par une quelconque vidéo sur YouTube. Le problème étant que ça ne fonctionne pas...

Si vous avez des idées..


Merci d'avance.


Dernière édition par Lame le Mer 13 Juil 2011 - 13:56, édité 1 fois
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Alex Fowl Mer 13 Juil 2011 - 1:54

Bonjour,

Quels sont les liens de vos fichiers player.swf , jwplayer.js et swfobject.js ? Smile
Cela ne sert à rien si vous voulez mettre uniquement une vidéo youtube, youtube propose déjà la fonction d'export et d'intégration pour ses vidéos ! Smile

Ce player sert uniquement si vous voulez mettre une vidéo que vous avez sur votre disque dur du type : .mp4 ! Smile

Cordialement,
avatar

Alex Fowl
Membre actif

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mer 13 Juil 2011 - 3:55

Dans un premier temps, il est vrai que ce sera une vidéo réalisée sous un logiciel de montage vidéos puis hébergée sur YouTube, puis dans un deuxième temps, ce sera sans doute des animations Flashs avec encore quelques fois des vidéos de YouTube.

Donc oui, pourquoi pas utiliser la fonction d'intégration des vidéos de YouTube pour le moment. Cependant, je cherche un lecteur modifiable pour l'incorporer au forum, je ne sais pas si c'est possible avec ce que tu me proposes ?


Merci d'éclairer un peu ma lanterne ^^'.
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Adam_sfp Mer 13 Juil 2011 - 11:22

Bonjour

Pour intégrer une vidéo youtube avec ce lecteur vous pouvez essayer ceci.

Par exemple avec cette video youtube.
https://www.youtube.com/watch?v=O7vT7IFN02I&feature=player_embedded
Vous récupérez la première partie de l'url avant &

Code:
http://www.youtube.com/watch?v=O7vT7IFN02I

Vous hébergez le fichier jwplayer.js ainsi que le fichier player.swf
et vous pouvez ensuite insérer ce code:

Code:
<script type='text/javascript' src='ICI LE LIEN VERS jwplayer.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'ICI LE LIEN VERS player.swf',
    'id': 'playerID',
    'width': '480',
    'height': '270',
    'file': 'http://www.youtube.com/watch?v=O7vT7IFN02I'
  });
</script>

Si vous voulez mettre une vidéo en page d'accueil ou widget vous pouvez utiliser la
Nouvelle mise à jour ForumActif Gestion des codes Javascript

A ce moment la coller le script
http://player.longtailvideo.com/jwplayer.js dans la partie adéquate.



Et donc vous utilisez que cette partie du code
Code:
    <div id='mediaplayer'></div>

    <script type="text/javascript">
      jwplayer('mediaplayer').setup({
        'flashplayer': 'ICI LE LIEN VERS player.swf',
        'id': 'playerID',
        'width': '480',
        'height': '270',
        'file': 'http://www.youtube.com/watch?v=O7vT7IFN02I'
      });
    </script>



Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mer 13 Juil 2011 - 12:18

Bonjour, merci pour le coup de main mais j'ai encore un soucis. J'ai bien un rectangle noir qui s'afficher sur ma page d'introduction, mais rien de plus, pas de vidéo ni rien. Voilà comment j'ai procédé :

J'ai tout d'abord copier/coller le code Javascript dans une nouvelle page de code Javascript (Placement : Sur l'index). J'ai ensuite prit le lien de ma page Javascript pour le coller à l'endroit prévu sur mon code html. Ce qui donne ceci :

Code:
<script type='text/javascript' src='http://lux-eternae.bbactif.com/10459.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'http://localhostr.com/file/L719uYW/player.swf',
    'id': 'playerID',
    'width': '480',
    'height': '270',
    'file': 'http://www.youtube.com/watch?v=O7vT7IFN02I'
  });
</script>

<a href="http://www.forumactif.com" target="_blank">forumactif.com</a>


Les deux autres solutions proposées au-dessus ne fonctionnent pas :s.


Merci d'avance ^^'.
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Adam_sfp Mer 13 Juil 2011 - 12:30

bonjour

Ce lien n'est pas bon
http://localhostr.com/file/L719uYW/player.swf

il faut un lien direct vers le fichier swf

essayez avec celui ci à la place
http://pixupload.free.fr/upload/lvhgu0_player.swf

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mer 13 Juil 2011 - 12:43

Effectivement, j'avais un doute sur mon fichier swf. Le lecteur et la vidéo s'affiche correctement maintenant. Le seul dernier hic étant que la vidéo en elle-même n'occupe pas entièrement le lecteur, j'ai les bandeaux noirs du lecteur tout autour de la vidéo YouTube. Il y aurait-il une solution ?
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Adam_sfp Mer 13 Juil 2011 - 12:58

Bonjour

Vous avez un bandeau noir quand elle est en lecture?
car si c'est avant d'appuyer sur play c'est normal.

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mer 13 Juil 2011 - 13:27

Ah d'accord ^^'. Il me semble qu'il y a un petit morceau de code afin que dès qu'on arrive sur la page, la vidéo se mette en lecture automatique, est-ce que tu l'aurai ? :s
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Adam_sfp Mer 13 Juil 2011 - 13:47

Bonjour

Bien sur il faut insérer
Code:
 'autostart': 'true',

par exemple
Code:

<script type='text/javascript' src='http://lux-eternae.bbactif.com/10459.js'></script>
 
<div id='mediaspace'>This text will be replaced</div>
 
<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': 'http://pixupload.free.fr/upload/lvhgu0_player.swf',
    'file': 'http://www.youtube.com/watch?v=O7vT7IFN02I',
    'autostart': 'true',
      'width': '470',
    'height': '320'
  });
</script>

il y a pas mal de possibilités de configuration de ce lecteur (couleur barre de lecture etc...)vous pouvez utiliser le générateur pour vous simplifier la tâche ICI

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Intégrer un lecteur vidéos sur une page d'introduction

Message par Lame Mer 13 Juil 2011 - 13:56

Nickel, un grand merci pour ton aide Adam_sfp ainsi qu'à Alex Fowl ! Je mets le sujet en résolu Smile.
avatar

Lame
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 26/07/2009

Lame a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum