Créer un lecteur vidéo HTML 5 Fermé

Question

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 :

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 Configuration: Windows 8 / Chrome 30.0.1599.69

meuhlol · Answer

animostab · Answer

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 sinon 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

maurice306 · Answer

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

animostab · Answer

fait ca

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 de chaque page

maurice306 · Answer

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

Panda_78 · Answer

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/

maurice306 · Answer

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

meuhlol · Answer

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.

maurice306 · Answer

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