Présentations - Videowall - Videozap - Jukebox

 

 

Mon test avec le nouveau composeur au niveau "Avancé" en mode HTML.

 

 

 

Vidéowall


 

 

<object width="708" height="228" data="http://www.dailymotion.com/videowall/fr/featured" type="application/x-shockwave-flash">
<param name="data" value="http://www.dailymotion.com/videowall/fr/featured" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<param name="src" value="http://www.dailymotion.com/videowall/fr/featured" />
</object>

 

Cette présentation ne nécessite aucun code supplémentaire, le code objet estbien accepté.

 

 


 

 

Vidéozap

 

 

<script type="text/javascript">// <![CDATA[
document.write('<iframe marginwidth="0" marginheight="0" src="https://www.dailymotion.com/videozap/fr/featured" scrolling="no" frameborder="0" height="355" width="604"></iframe>');
// ]]></script>

 


 

 

Jukebox

 

 

<script type="text/javascript">// <![CDATA[
document.write('<iframe id="dm_jukebox_iframe" style="margin: 0pt; padding: 0pt; overflow: hidden; width: 100%; height: 360px;" marginwidth="0" marginheight="0" src="https://www.dailymotion.com/widget/jukebox?list[]=%2Ffr%2Ffeatured%2Fchannel%2Ffun&amp;list[]=%2Ffr%2Ffeatured%2Fchannel%2Fmusic&amp;list[]=%2Ffr%2Ffeatured%2Fchannel%2Ftravel&amp;list[]=%2Ffr%2Ffeatured%2Fchannel%2Flifestyle&amp;skin=snow" align="center" frameborder="0" width="100%"></iframe>');
// ]]></script>

 

 

 


 

 

Quand l'on veut insérer du code HTML actif dans une page en utilisant le nouveau composeur,
il faut :

  1. passer en niveau "Avancé" pour accéder au mode HTML
  2. cliquer sur HTML en fin de la première ligne des menus
  3. rechercher l'emplacement où vous souhaitez afficher l'interprétation du code, en l'occurrence dans les 2 cas, "Vidéozap" et "Jukebox", une fenêtre iframe.
  4. puis coller le code fourni par le site mais il doit être inséré entre du code Javascript

    • au début coller le code suivant : 
      <script type="text/javascript">// <![CDATA[
      document.write('
    • coller le code HTML (comme celui en rouge dans mes exemples)

    • à la fin coller le code suivant :
      '); // ]]></script>
  5. cliquer sur mettre à jour
  6. ensuite cliquer sur modifier cet article

 

Ne soyez pas surpris les iframes ne s'affichent pas dans le composeur, cliquez sur "Aperçu du blog" et ouvrez l'article pour voir le résultat.
En principe les présentations doivent s'afficher, dans le cas contraire, vérifiez le code Javascript. C'est des apostrophes pas des guillemets, avant et après le code HTML. Erreur courante dans les premières utilisations de cette procédure.

 

Le nouveau composeur est sensible à la compatibilité W3C.
La balise <embed> n'est pas dans les normes W3C, il faut dans votre code, la remplacer par la balise
<object type=" type objet " data=" adresse URL " width=" largeur " height=" hauteur "> </object>

 

Vous pouvez essayer avant d'encapsuler votre code par les balises Javascript comme indiqué plus haut.

 

...



17/06/2010
1 Poster un commentaire

A découvrir aussi


Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 42 autres membres


Rechercher sur Diztest ? :

Recommander ce blog | Contact | Signaler un contenu | RSS | Espace de gestion

retour Accueil Page precedente Bas de page Plein ecran - Retour alt+F4 Haut de page Page suivante Envoyer un mail a PapyClic le webmaster de Test-DizPerso