Video de youtube en Wordpress

Discussion in 'Programación & Programación Web' started by weonator, Mar 29, 2018.

  1. weonator

    weonator Usuario Nuevo nvl. 1
    37/41

    Joined:
    Jan 22, 2010
    Messages:
    94
    Likes Received:
    0
    Bueno chicos, quería molestarlos de nuevo... pasa que cuando pongo play y agrando un video en mi pagina, se ve parte de la pagina y parte del video... el video esta en la descripción del producto

    [​IMG]

    y esta es de como tengo el video cargado en la pagina [​IMG][/URL][/IMG] [​IMG]

    nose que podrá ser, alguien sabe que solución se le puede dar??
     
  2. whoami

    whoami Usuario Nuevo nvl. 1
    17/41

    Joined:
    Jan 6, 2018
    Messages:
    108
    Likes Received:
    23
    Creo que si comentas...
    FILE:HTML:?
    Code:
    <!-- <link rel='stylesheet' id='template-default-css' href='http://nuevorespiro.cl/wp-content/themes/nuevorespiro/css/template.css?ver=4.4.2' type='text/css' media='all' /> -->
    ... el problema en Chrome (no necesario en Firefox) desaparece.

    Ahora bien, deberías de revisar el CSS y/o ir comentando algunas partes.


    [#UPDATE]
    FILE:HTML:?
    Code:
    <div class="tab-pane active" id="tab-description">
      ...</div>
    FILE:CSS:template.css
    Code:
    .tab-pane {
      /* -webkit-animation-name: fadeInUp; */
      /* animation-name: fadeInUp; */
      ...}

    "Si continuas teniendo problemas con tu sitio, primero deberías de probar en diferentes navegadores, ya que hay lineas en CSS (como -webkit*) que no son soportadas por algunos navegadores."​

    —Divide y serás vencido!
    Saludos!
     
    #2 whoami, Mar 29, 2018
    Last edited: Mar 30, 2018
  3. Mandr4k3

    Mandr4k3 Usuario Casual nvl. 2
    37/41

    Joined:
    Jun 8, 2006
    Messages:
    2,836
    Likes Received:
    8
    Una posible solución es que al iframe le des un ID y en el template agregues este código javascript:

    Code:
    <script>
    var elem = document.getElementById("el_video");
    if (elem.requestFullscreen) {
      elem.requestFullscreen();
    } else if (elem.mozRequestFullScreen) {
      elem.mozRequestFullScreen();
    } else if (elem.webkitRequestFullscreen) {
      elem.webkitRequestFullscreen();
    }
    </script>
     
  4. weonator

    weonator Usuario Nuevo nvl. 1
    6/41

    Joined:
    Jan 22, 2010
    Messages:
    94
    Likes Received:
    0
    gracias a ambos por sus respuestas, voy a probar y les cuento como me va!!