web-dev-qa-db-fra.com

La vidéo sensible de base de Wordpress ne fonctionne pas avec le shortcode

Je ne parviens pas à faire en sorte que la vidéo du noyau Wordpress réagisse correctement.

J'utilise le CSS suivant:

.videocontent {
  width: 100%;
  height: 100%;
  max-width: 1024px;
  margin: 0 auto;
} 

.wp-video-shortcode {
  max-width: 100%;
}

Le code HTML suivant qui utilise le shortcode n’a pas l’échelle jusqu’à la taille complète du div qui le contient:

<div class="videocontent">
    <?php
    echo do_shortcode('[video webm="http://localhost/dnp/stalker.webm" width=100%]');
    ?>
</div>

Mais si vous utilisez directement le langage HTML, cela fonctionne bien:

<div class="videocontent">
    <video  id="myvideo2" style="width:90%;height:100%;" controls="controls">
      <source src="http://localhost/dnp/stalker.webm" type="video/webm"/>
    </video>
</div>

J'ai essayé divers paramètres avec le shortcode - tels que hauteur 100%, hauteur et largeur 100% et largeur 100%.

Qu'est-ce que je fais mal?

Capture d'écran -> capture d'écran

Site en direct: http://www.deekwa.com/dnp

shortcodemediaresponsive
3
pcrx20

Le paramètre width=100% n'est pas valide dans le shortcode vidéo. Ce doit être un nombre, en pixels, ou entièrement omis.

S'il est omis, le code utilisera alors la variable globale $ content_width du thème pour définir la largeur de la DIV contenant.

Pour plus d'informations sur la largeur du contenu, voir ici:

http://codex.wordpress.org/Content_Width

2
Otto