Pregunta

Esperaba usar el reproductor de video nativo de WordPress, pero me gustaría "expandir" el tamaño de video en la página. ¿Es eso posible? Parece que no puedo hacer este trabajo.

Tamaño de video MP4 real= 640 x 360 Pero me gustaría agrandar / estirar en la pantalla a 1,5 veces el tamaño. De hecho, el video se encoge a 474 anchos de px en la página!

Estoy probando esto en un sitio web simple, usando el Tema de veinte catorce, WordPress 4.0. En modo de pantalla, estoy viendo

<div class="wp-video" style="width: 474px; height: 267px; ">
  <div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;">
    <div class="mejs-inner">
      <div class="mejs-mediaelement">
        <div id="me_flash_0_container" class="me-plugin">
          <video id="video-785-1" class="wp-video-shortcode" width="474" height="266" preload="metadata" tabindex="0" style="display: none; width: 100%; height: 100%;">
          <source src="http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4?_=1" type="video/mp4"></source>
          <a href="http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4">http://mywebsite.com/wp-content/uploads/2014/09/Video.mp4</a>
          </video>
        </div>
      <div class="mejs-layers">...

No tengo ni idea de donde viene el ancho 474 de ... Nota: El video se muestra como 640 x 360 en la página WP Admin Media. Las herramientas nativas de medios de WordPress no parecen ofrecer ninguna opción para el ancho de la pantalla. He intentado sobrescribir la configuración a través de CSS, pero nada tiene sentido. ¿Alguien ha estado aquí antes? ¿Cómo controlo el tamaño de la pantalla de mi video? Muchas gracias, zip

ACTUALIZACIÓN: Estoy empañando a través del núcleo de WordPress, y veo un archivo media -em plantilla.php con el código:

settings = wp.media.view.settings;

if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {
    w = settings.contentWidth;
} else {
    w = data.model.width;
} 

y luego veo dónde se pone pegado a la línea de producción de <div class="wp-video" ... Todavía no entiendo exactamente lo que está pasando y por qué.

Actualización # 2: Tomé la información de Vancoder a continuación, creó un tema secundario, sobrescribió la configuración de $ contenido_width variable= 474 en functions.php, y eso se corrigió la línea de código DIV Class="wp_video". No lo hizo " T, sin embargo, fije la siguiente línea, por lo que el video sigue siendo pequeño. De hecho, cuando la página primero se carga, puede ver el video Sorta Large, luego después de una fracción de un segundo, reduce el tamaño nuevamente. El próximo línea <div id="mep_0" class="mejs-container svg wp-video-shortcode mejs-video" style="width: 474px; height: 266px;"> parece generarse desde un archivo de JavaScript minificado (creo a medialement-and-playn.min.js), pero eso es muy feo. Es tan feo que debe ser Doble Difícil solucionar problemas en el navegador. Todas las variables se minimizan a un solo carácter. (Inserte sus propios adjetivos de Word de cuatro letras aquí). ¿Alguien más ha estado aquí?

Actualización # 3: Salí del trabajo y abrí este sitio en casa. El problema con el tamaño incorrecto en el error DIV ID="MEP-0" se ha ido totalmente. Ahora veo el video en su tamaño nativo (640 x 360). No estoy seguro de lo que sucedió, supongo que algún archivo estuvo atascado en caché local en la máquina en el trabajo. Trabajo= Mac Desktop, Home= Win8 portátil. Así que estoy a medio camino fijo. Todavía no sé cómo ampliar el video más allá del tamaño nativo.

Puedo ampliar el video localmente y guardarlo a los medios de comunicación y luego obtener una pantalla más grande, pero eso parece un desperdicio de ancho de banda. En este punto, estoy pensando que esa es mi única solución.

¿Fue útil?

Solución

El reproductor de video utiliza la variable $content_width, que encontrará en functions.php dentro del tema.El $content_width define el mejor ajuste para los medios de comunicación en un tema en particular, por lo que este debería ser el mejor ajuste para las veinticimetenes.Usted estableció su propio valor en su propio tema.

Licenciado bajo: CC-BY-SA con atribución
scroll top