• Annonce ■  Lecteur Vidéo


    Mardi 28 Avril à 14:51
    stormalo

    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="inclure()">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)




    Vous devez être membre pour poster un message.