Annonce ■  Lecteur Vidéo

Pour remplacer les lecteurs Vidéo spécialisés ou défaillants, en utilisant les fonctionnalités des navigateurs  . . .

Beaucoup de navigateurs pas trop anciens ont une capacité le lire des fichiers vidéo avec la balise html <video>
On pourrait donc sur nos blogs utiliser la balise html <video> , mais celle-ci n'est pas acceptée par l’Éditeur sur Eklablog.

Comme pour l'Audio, contourner cette difficulté est possible en utilisant un code Javascript qui se  chargera d'introduire cette balise dans le HTML, au moment voulu, par un clic du visiteur

>>>>>

Exemple d'un codage pour  1 lecteur Vidéo  (pour 2 vidéos sur la même page, il suffira de de rajouter des lignes similaires, selon le principe détaillé pour les lecteurs "Audio" (voir le sujet : http://doc.eklablog.com/lecteur-audio-topic200440)
Les codes sont à placer dans la zone source < > d'un article ou d'une page simple

STRUCTURE DU CODE :

<!-- code JavaScript adapté Ekalblog -->
<script type="text/javascript">// <![CDATA[
function lectvid() {
$("mavideo").innerHTML="<video  controls><source src='adresse de la vidéo1' type='video/???'>■■</video>" ;}
// ]]></script>

<!-- HTML -->
<p><a onclick="lectvid()">TITRE</a></p>
<div id="mavideo">&nbsp;</div>

Comment ça fonctionne : Le clic sur un lien "TITRE" active une fonction "lectvid", laquelle insère un code <video>...</video> dans l'élément identifié "mavideo" (ici une balise <div></div>, mais ce pourrait être un <p></p>).

>>>>>

IMPORTANT:
- L'autorisation d'ajouter du code javascript doit être activée sur le compte
- Dans le code, les adresses (URL) doivent être placées entre des apostrophes ' (et pas entre des guillemets ")
- La balise <video> ne fonctionnera pas avec des navigateurs trop anciens
- Le signe ■■ que j'ai mis dans le code, signale l'emplacement où il est possible de placer un texte, qui sera affiché si le navigateur n'est pas compatible.  
Par exemple ce texte : Votre navigateur ne prend pas en charge la lecture de cette vidéo.
- Le navigateur assurant lui même  la fonction de lecture, les commandes  lecture/pause sont spécifiques à celui utilisé.

 - Fonctionne en principe pour les fichiers :
  MP4  (type video/mp4)    WebM  (type video/webm)   Ogg (type video/ogg)

 Je n'ai testé qu'avec mp4 , sur PC  

 >>>>>

UN EXEMPLE  de code fonctionnel est en Annexe .

  https://textup.fr/426650GB < Annexe (pour compléments éventuels)

bonjour

merci pour ce code qui fonctionne très bien(testé avec des vidéos crées sous movie maker)

petite question:est il possible d'afficher le lecteur sans cliquer sur le titre?

merci bonne journée

Bonsoir,

oui et non

J'ai juste trouvé un compromis avec un exemple de 3 vidéos sur une même page

Voir le code à cette adresse et l'essayer

A adapter si 1 seule vidéo par page ou article.

Rappel : Chaque vidéo doit avoir une numérotation qui ne se retrouve pas proposé  deux fois

bonsoir

merci pour ce code qui fonctionne pour 3 videos.je vais essayer de l'adapter pour 1 seule video si possible car il ne m'en faut qu'une par article.

Il te suffit de supprimer les vidéos 2 et 3 et de modifier la ligne qui active tous les lecteurs

remplacer onclick="{lectvid1(); lectvid2(); lectvid3()};

par onclick="{lectvid1();};

oui j'ai déjà tout modifié et adapté le lecteur à la sauce africaine(thème de mon blog)

le résultat ici:

http://bakuba.eklablog.com/voyage-en-brousse-a115300606

un grand merci   à toi pour ton aide;

je ne trouve pas le bouton vidéo - comment faire ?

Bonjour CLVF,

Le code que je propose en début de ce sujet est un palliatif au blocage de l'éditeur actuel d'eklablog concernant les balises HTML5 <audio> et <vidéo>

La représentation "image" du lecteur apparait parfois quand on réactualise la page (touche F5 sous windows). Sinon il faut cliquer sur le lien TITRE.

Si tu évoques ce que j'ai indiqué précédemment à bakuba, en cliquant sur l'image qui représente un magnétoscope, cela affiche les vrais lecteurs du html. Il reste possible  de cliquer sur le lien TITRE choisi.

Si dans un futur proche ou moins proche, Eklablog met à jour son Editeur et autorise  les balises HTML adaptées, ces astuces plus système D que professionnelles fonctionneront encore.

bonjour ,au lieu de nous mettre des liens ou ont ne comprend rien , trouvez une solution afin de pouvoir lire nos Mp3 car ça commence a bien faire merci 

Bonsoir  j.m. n°14,

Heureusement il y en a d'autres qui comprennent et qui par ailleurs sont plus réaliste dans leurs propos.

Bonne nuit, demain sera un autre jour.