Créer un lecteur vidéo HTML 5
maurice306
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
maurice306 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
maurice306 Messages postés 6 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
J'ai crée un site pour l'association à laquelle je suis adhérent, et j'ai intégré des vidéos depuis Dailymotion.
Le PB c'est qu'il y a de trop longues PUBs est que le visiteur ne sera pas enclin pour regarder ces vidéos.
En conséquences, je voudrais créer un lecteur de vidéo au format HTML 5.
Je fais des essais et au mieux j'ai le lecteur qui s'affiche, le son de la vidéo mais pas d'image sur chrome et sur IE 10 j'ai un message d'erreur "Type de vidéo non pris en charge ou chemin d'accès non valide".
j'ai positionné ce script :
<fb:visible-to-connection>
<center>
<div style="background: url(url de l'image); width: 520px; height: 800px; margin: 0 auto;">
</div>
<video width="640" height="480" controls="controls">
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.mp4" type="video/mp4" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.webm" type="video/webm" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.swf" type="video/swf" />
</video>
</center>
</fb:visible-to-connection>
est-ce que une personne qui saurait me dépatouiller de là serait assez gentille pour me coriger le script.
Avec toute ma reconnaissance,
Cordialement
J'ai crée un site pour l'association à laquelle je suis adhérent, et j'ai intégré des vidéos depuis Dailymotion.
Le PB c'est qu'il y a de trop longues PUBs est que le visiteur ne sera pas enclin pour regarder ces vidéos.
En conséquences, je voudrais créer un lecteur de vidéo au format HTML 5.
Je fais des essais et au mieux j'ai le lecteur qui s'affiche, le son de la vidéo mais pas d'image sur chrome et sur IE 10 j'ai un message d'erreur "Type de vidéo non pris en charge ou chemin d'accès non valide".
j'ai positionné ce script :
<fb:visible-to-connection>
<center>
<div style="background: url(url de l'image); width: 520px; height: 800px; margin: 0 auto;">
</div>
<video width="640" height="480" controls="controls">
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.mp4" type="video/mp4" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.webm" type="video/webm" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.swf" type="video/swf" />
</video>
</center>
</fb:visible-to-connection>
est-ce que une personne qui saurait me dépatouiller de là serait assez gentille pour me coriger le script.
Avec toute ma reconnaissance,
Cordialement
A voir également:
- Créer un lecteur vidéo HTML 5
- Créer un compte google - Guide
- Comment créer un groupe whatsapp - Guide
- Montage video windows - Guide
- Créer un lien pour partager des photos - Guide
- Créer un compte gmail - Guide
9 réponses
<video width="640" height="480" controls>
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.mp4" type='video/mp4;' />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.webm" type='video/webm;' />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.swf" type='video/swf;' />
</video>
Bonjour, et merci de la réponse rapide,
Je pesais être sauvé hélas ça n'a rien changé, voyez par vous même.
http://lecosaque.free.fr/Page%20test%20pour%20video.htm
En ce qui concerne les fichiers que IE ne reconnait pas ils y sont bien, je sais que le .htaccess est important pour la reconnaissance MIME, mais là rien !
Je désespère d'y arriver, il y à le son, je ne sais pas pourquoi l'image n'apparait pas ?
S'il y a d'autres suggestions, je suis preneur.
Merci à toutes les bonnes volontés des connaisseurs.
Cordialement
Je pesais être sauvé hélas ça n'a rien changé, voyez par vous même.
http://lecosaque.free.fr/Page%20test%20pour%20video.htm
En ce qui concerne les fichiers que IE ne reconnait pas ils y sont bien, je sais que le .htaccess est important pour la reconnaissance MIME, mais là rien !
Je désespère d'y arriver, il y à le son, je ne sais pas pourquoi l'image n'apparait pas ?
S'il y a d'autres suggestions, je suis preneur.
Merci à toutes les bonnes volontés des connaisseurs.
Cordialement
fait ca
<video width="640" height="480" controls="controls">
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.swf" type="video/swf" />
</video>
laisse tomber le mp4 et le webm
tu devrais utiliser le flv pour tes vidéos c'est le format le mieux supporté pour tous les navigateurs.
ensuite, la vidéo est très lourde (161 mo)
pense aussi que IE 7 et 8 ne reconnaissent pas le html 5 donc il faut ajouter un script dans la partie <head> de chaque page
<!-[if lt IE 9]>
<script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]->
<video width="640" height="480" controls="controls">
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.swf" type="video/swf" />
</video>
laisse tomber le mp4 et le webm
tu devrais utiliser le flv pour tes vidéos c'est le format le mieux supporté pour tous les navigateurs.
ensuite, la vidéo est très lourde (161 mo)
pense aussi que IE 7 et 8 ne reconnaissent pas le html 5 donc il faut ajouter un script dans la partie <head> de chaque page
<!-[if lt IE 9]>
<script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]->
Merci de ces conseils, mais j'ai déjà fait avec le flv, c'est trop lent surtout lorsque la vidéo est longue.
Je pense que je vais trouver mon bonheur avec mon logiciel de création de site qui intègre une fonction, et de plus en mettant un lien vers la vidéo sans aucun paramétrage ça fonctionne, je confirmerais dés que mes essais seront concluants.
Je donnerais le détail de ce que j'aurais fait comme manip !
Cordialement
Je pense que je vais trouver mon bonheur avec mon logiciel de création de site qui intègre une fonction, et de plus en mettant un lien vers la vidéo sans aucun paramétrage ça fonctionne, je confirmerais dés que mes essais seront concluants.
Je donnerais le détail de ce que j'aurais fait comme manip !
Cordialement
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
j'ai eu le même genre de problèmes que toi en HTML5 'natif'.
J'ai réussi à résoudre mes problèmes avec le CMS Joomla et le plugin 'AllVideo' de JoomlaWorks:
https://www.joomlaworks.net/support/docs/allvideos
voilà ma vidéo publiée en MP4 avec ce plugin:
http://desirdeforet.fr/index.php/videos
Il semble que le player JWplayer peut aussi être utilisé seul si tu ne veux pas utiliser un CMS:
https://www.jwplayer.com/
j'ai eu le même genre de problèmes que toi en HTML5 'natif'.
J'ai réussi à résoudre mes problèmes avec le CMS Joomla et le plugin 'AllVideo' de JoomlaWorks:
https://www.joomlaworks.net/support/docs/allvideos
voilà ma vidéo publiée en MP4 avec ce plugin:
http://desirdeforet.fr/index.php/videos
Il semble que le player JWplayer peut aussi être utilisé seul si tu ne veux pas utiliser un CMS:
https://www.jwplayer.com/
Merci pour cette info Panda_78, comme je suis vraiment pas fort et que je suis les infos que je glane ici et là pourrais tu me donner les infos un peu sous forme de tuto, pour m'orienter dans les manipulations ?
Ce serait très sympa car je ne sais si j'ai tout compris.
Hé ! à 66 pige, autodidacte, et les neurones éparpillés, c'est un peu dur.
Cordialement
Ce serait très sympa car je ne sais si j'ai tout compris.
Hé ! à 66 pige, autodidacte, et les neurones éparpillés, c'est un peu dur.
Cordialement
Tiens, de bonnes explications complètes ici sur la vidéo en HTML5:
https://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
Sinon t'as un script tout fait :
https://videojs.com/
et les pas-à-pas :
https://github.com/videojs/video.js/blob/master/docs/setup.md
tu peux aussi paramétrer largeur/hauteur de leur vidéo, puis cliquer sur "Embed this video" et il va te donner le code que t'auras à mettre sur tes pages en remplaçant les liens de leur vidéos par les tiennes.
Salutations.
https://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
Sinon t'as un script tout fait :
https://videojs.com/
et les pas-à-pas :
https://github.com/videojs/video.js/blob/master/docs/setup.md
tu peux aussi paramétrer largeur/hauteur de leur vidéo, puis cliquer sur "Embed this video" et il va te donner le code que t'auras à mettre sur tes pages en remplaçant les liens de leur vidéos par les tiennes.
Salutations.
Bonjour meuhlol,
Merci pour ces conseils.
J'ai ces infos mais j'ai pas été foutu de les adapter pour les appliquer.
Je ne pige pas tout ce qu'ils expliquent, et j'ai pourtant tenté de le faire fonctionner en plaçant le Player et les fichiers css et autres dans un fichier a la racine du site mais ça n'a pas fonctionné, le script que j'ai sorti était foireux.
Je pense que je n'ai pas fais les choses comme il faut, et le script que j'avais construit ne valait rien.
alors j'attends de trouver des explications pas à pas pour pouvoir m'en sortir.
Et c'est pas faute d'avoir essayer !
Jai regardé ce que m'a explique Panda_78 où il faut s'inscrire pour pouvoir télécharger, je n'ai pas été foutu de trouver comment s'inscrire !
Je persiste, je finirais par trouver quelque chose !
Cordialement
Merci pour ces conseils.
J'ai ces infos mais j'ai pas été foutu de les adapter pour les appliquer.
Je ne pige pas tout ce qu'ils expliquent, et j'ai pourtant tenté de le faire fonctionner en plaçant le Player et les fichiers css et autres dans un fichier a la racine du site mais ça n'a pas fonctionné, le script que j'ai sorti était foireux.
Je pense que je n'ai pas fais les choses comme il faut, et le script que j'avais construit ne valait rien.
alors j'attends de trouver des explications pas à pas pour pouvoir m'en sortir.
Et c'est pas faute d'avoir essayer !
Jai regardé ce que m'a explique Panda_78 où il faut s'inscrire pour pouvoir télécharger, je n'ai pas été foutu de trouver comment s'inscrire !
Je persiste, je finirais par trouver quelque chose !
Cordialement
Bonjour
le code en lui même est bon
normalement pour être sur de soit il faudrait faire un .htaccess avec ca dedans pour bien préciser le type MIME des vidéos
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
Sinon chemin d'accès invalide ca veut dire que il n'y a pas de fichier vidéo
la version mp4 il n'y a pas de fichier à l'emplacement précisé
la version webm il n'y a pas de fichier à l'emplacement précisé
le swf c'est bon
si tu n'as pas les fichier vidéos mp4 et webm efface ces lignes
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.mp4" type="video/mp4" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.webm" type="video/webm" />
sinon <fb:visible-to-connection> veut dire visible uniquement pour les fan facebook de la page est ce bien cela que tu veux faire? sinon efface ca aussi
Un petit merci vaut mieux qu'une grande ignorance
le code en lui même est bon
normalement pour être sur de soit il faudrait faire un .htaccess avec ca dedans pour bien préciser le type MIME des vidéos
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
Sinon chemin d'accès invalide ca veut dire que il n'y a pas de fichier vidéo
la version mp4 il n'y a pas de fichier à l'emplacement précisé
la version webm il n'y a pas de fichier à l'emplacement précisé
le swf c'est bon
si tu n'as pas les fichier vidéos mp4 et webm efface ces lignes
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.mp4" type="video/mp4" />
<source src="http://lecosaque.free.fr/mes_videos/Fernand_Granon_1.webm" type="video/webm" />
sinon <fb:visible-to-connection> veut dire visible uniquement pour les fan facebook de la page est ce bien cela que tu veux faire? sinon efface ca aussi
Un petit merci vaut mieux qu'une grande ignorance