Titre: intégrer jw player sur ma page
Posté par: tsbostonkeith le le 24-08-2012 a 18:08:23
Bonjour,
cela fait des heures que je cherche sur le web une solution à mon problème mais il ne semble y avoir aucune explication simple et claire.
Je veux intégrer le jw player , je suis allé sur la page Longtail récupérer le code (http://www.longtailvideo.com/support/jw-player-setup-wizard#preview) j'ai le player-licensed swf, le swfobject.js dans un dossier sur mon site. Et je ne sais pas quoi en faire ni comment.
Quelqu'un pourrait-il me donner la marche à suivre de manière détaillée?
Merci d'avance. |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 25-08-2012 a 03:25:53
C'est pourtant clair, le code est sur le site.
Code:
<script type='text/javascript' src='jwplayer.js'></script>
<div id='mediaspace'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'player.swf',
'file': 'http://content.longtailvideo.com/videos/flvplayer.flv',
'controlbar': 'bottom',
'width': '470',
'height': '320'
});
</script>
|
|
Cette ligne peut être mise dans ton header, elle charge le fichier javascript:
<script type='text/javascript' src='jwplayer.js'></script>
Cette ligne correspond à l'endroit où ta vidéo sera affichée:
<div id='mediaspace'>Ta vidéo sera ici</div>
Ensuite la dernière correspond aux paramètres du lecteur:
<script type='text/javascript'>
jwplayer('mediaspace').setup({ -------> mediaspace est l'id de la DIV précédente
'flashplayer': 'player.swf',---------> Lien vers ton lecteur swf
'file': 'http://content.longtailvideo.com/videos/flvplayer.flv', -----> Lien vers ta vidéo
'controlbar': 'bottom', ------> Paramètre de la barre de controle
'width': '470', ------> Largeur
'height': '320' -------> Hauteur
});
</script> |
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 25-08-2012 a 06:26:58
Merci d'avoir répondu.
Le problème, c'est que j'ai beau copier ce code, tout ce que j'obtiens, c'est le lecteur mais inactif. Je sens bien que c'est le lien vers ma vidéo qui déconne mais je ne sais pas sous quelle forme je dois l'indiquer ( 'file': 'http://content.longtailvideo.com/videos/flvplayer.flv', -----> Lien vers ta vidéo). Je travaille avec Dreamweaver. J'ai mis la video dans un fichier à la racine du site. C'est un mp4. Mais j'ai tout essayé, rien à faire. Est-ce que tu connais la façon dont s'écrit la ligne de code? Et est-ce qu'il faut que j'indique où se trouve le lecteur?
Si tu peux me sortir de l'ornière, ce serait super. |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 26-08-2012 a 12:53:35
Bonjour,
Il suffit de remplacer le lien par le lien de ta vidéo:
Si tu travails en local:
'file': 'c://blabla/video.mp4',
Si tu travails sur un serveur en ligne:
'file': 'http://www.monsite.com/video.mp4',
A+ |
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 26-08-2012 a 13:06:42
| Merci pour la réponse. Je viens d'essayer mais ça ne marche toujours pas. C'est à devenir fou. Quand tu dis "www.monsite.com" , ça veut bien dire qu'il faut que je mette le nom de mon site? Il n'est pas en .com mais en. Olympe.in, mais je suppose que ça ne change rien. |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 26-08-2012 a 13:08:09
Non ca ne change rien.
Pour être sur que le lien fonctionne, tu peux le copier/coller dans ta barre d'adresse et voir si la vidéo s'affiche.
|
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 26-08-2012 a 13:18:32
Si il y avait moyen de joindre des fichiers, je pourrais de montrer la capture d'écran des fichiers de mon site sur Dreamweaver pour que tu vois si la video est bien dans le bon dossier.
Le code que j'ai tapé est
<div id='mediaspace'>This text will be replaced</div>
<script type='text/javascript'>
jwplayer('mediaspace').setup({
'flashplayer': 'player.swf',
'file': 'http://www.chanterlasalsadudemonauvatican.olympe.in/jwplayer/video.flv',
'controlbar': 'bottom',
'width': '470',
'height': '320'
});
</script>
ça ressemble à ce qu'il faut ou il y a un problème quelque part? |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 26-08-2012 a 13:24:03
Quand je vais sur http://www.chanterlasalsadudemonauvatican.olympe.in/jwplayer/video.flv
j'ai une erreur me disant que le fichier n'existe pas.
Il faut que tu mettes le vrai chemin vers la vidéo.
Si tu l'a mise à la racine du serveur alors le lien sera:
http://www.chanterlasalsadudemonauvatican.olympe.in/ta_video.mp4
Si tu l'a mise dans un repertoire:
http://www.chanterlasalsadudemonauvatican.olympe.in/ton_repertoire/ta_video.mp4 |
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 26-08-2012 a 13:27:24
| je l'ai mise dans le même répertoire que le player swf et que j'ai appelé jwplayer. et c'est bien le nom de dossier indiqué dans le code. |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 26-08-2012 a 13:29:39
Et ta vidéo s'appelle video.flv?
Tu as dis que c'était du mp4? |
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 26-08-2012 a 13:31:46
je l'ai changée depuis le premier post (j'essaye tout tellement ça me gonfle)
Alors j'ai carrément mis la vidéo de démonstration de jwplayer |
Titre: Re:intégrer jw player sur ma page
Posté par: WebD le le 26-08-2012 a 13:41:20
Tu ne dois pas transférer correctement tes fichiers.
Ton fichier n'est pas sur le serveur:
Essai de rendre accessible la vidéo directement par ce lien:
http://www.chanterlasalsadudemonauvatican.olympe.in/jwplayer/video.flv |
Titre: Re:intégrer jw player sur ma page
Posté par: tsbostonkeith le le 26-08-2012 a 13:43:17
| j'ai pourtant "placé" la vidéo sur le serveur distant.... |
Titre: Re:intégrer jw player sur ma page
Posté par: rcokyo le le 20-11-2013 a 11:51:08
Bonjour. J'ai utilisé ce script et tout va bien. Seul problème, c'est que sur ma page si je veux afficher plusieurs lecteurs, cela ne fonctionne pas.
J'ai un lecteur qui s'affiche correctement et le suivant ne s'affiche pas mais me laisse le texte "This text will be replaced" pourquoi?
Merci pour votre aide |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|