Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2011-06-12 18:19:09

445
Membre
Inscription : 2007-06-25
Site Web

Intégration des vidéos Youtube & co avec iframe

Bonjour à tous,

Je me suis récemment remis à utiliser Dotclear après une (très) longue absence et j'ai quelques soucis avec l'intégration de vidéos hébergées à l'extérieur (Youtube, Dailymotion,...).

Pour les intégrer pas de problème, j'ai en réserve un bout de code que j'adapte à chaque fois :

///html
<div class="external-media" style="margin: 1em auto; text-align: center;">
 <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/uNQa5HCUYCQ?version=3&amp;hl=fr_FR" width="480" height="390">
  <param name="movie" value="http://www.youtube.com/v/uNQa5HCUYCQ?version=3&amp;hl=fr_FR" />
  <param name="allowFullScreen" value="true" />
  <param name="allowscriptaccess" value="always" />
 </object>
</div>
///

J'ai aussi entendu parler du plugin External Media

Mais voilà, maintenant ces sites se sont mis à l'iframe, simplifiant le code à copier-coller, se débarrassant de la balise objet, etc... avec un code de la forme :

<iframe width="480" height="390" src="http://www.youtube.com/embed/uNQa5HCUYCQ" frameborder="0" allowfullscreen></iframe>

Son principal avantage est surtout destiné a permettre un affichage sur les mobiles ne supportant pas flash (le truc ressemblant à un savon avec une pomme dessus principalement) et via les navigateurs supportant la balise vidéo du HTML5 suivant les préférences de l'utilisateur, mais aussi de proposer un passage en douceur du flash vers le html (voir ici pour youtube).

Mais évidement ce code n'est absolument pas valide, voilà ce que me donne dotclear :

    Line 7, character 15:

    <iframe width="480" height="390" src="http://www.youtube.com ...
                  ^

    Error: there is no attribute width for this element (in this HTML version)
    Line 7, character 28:

    <iframe width="480" height="390" src="http://www.youtube.com ...
                               ^

    Error: there is no attribute height for this element (in this HTML version)
    Line 7, character 38:

    ... width="480" height="390" src="http://www.youtube.com/embed/u ...
                                     ^

    Error: there is no attribute src for this element (in this HTML version)
    Line 7, character 93:

    ... bed/uNQa5HCUYCQ" frameborder="0" allowfullscreen></iframe>
                                     ^

    Error: there is no attribute frameborder for this element (in this HTML version)
    Line 7, character 112:

    ... ameborder="0" allowfullscreen></iframe>
                                     ^

    Error: allowfullscreen is not a member of a group specified for any attribute
    Line 7, character 112:

    ... ameborder="0" allowfullscreen></iframe>
                                     ^

    Error: element iframe not defined in this HTML version

J'ai un peu cherché, et trouvé, notamment ca. Tous parlent de continuer a utiliser la balise objet.

Sauf que j'aimerais bien donner a mes (hypothétiques) lecteurs la possibilité de voir ces vidéos sur leur mobile sans flash, tout en continuant d'afficher la version flash pour les visiteurs normaux, donc d'utiliser les fonctionnalités de cette iframe.


Quelqu'un aurait-il une idée, voir même une réponse ?

Hors ligne

#2 2011-06-13 15:04:53

ULB
Membre
Lieu : Saint Malo
Inscription : 2006-07-10
Site Web

Re : Intégration des vidéos Youtube & co avec iframe

445 a écrit :

Quelqu'un aurait-il une idée, voir même une réponse ?

Bonsoir,

J'avais donné une bidouille en javascript dans iframe pas valid WC3 si tu veux aller jeter un oeil sur la discussion et voir si cela te convient.

Hors ligne

#3 2011-07-09 21:14:08

445
Membre
Inscription : 2007-06-25
Site Web

Re : Intégration des vidéos Youtube & co avec iframe

ULB a écrit :

J'avais donné une bidouille en javascript dans iframe pas valid WC3 si tu veux aller jeter un oeil sur la discussion et voir si cela te convient.

T'as solution est valide en effet, mais c'est plus un hack qu'une solution ;)
SI je posais la question c'était surtout pour essayer de trouver une solution valide (et dans l'esprit) W3C. Mais sûrement que j'idéalise trop :)

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map