Tamanho do Video na Descricao

Layout
1

Pessoal, voces tem algum codigo ou macete para poder colocar um tamanho de video na descricao do produto diferente para desktop e mobile? Ou uma forma que o sistema ajuste o tamanho do video conforme dispositivo exibido?
Se eu coloco no desktop o video grande, corta no mobile. Se coloco ok para mobile, fica minusculo no desktop https://www.virtualmusic.com.br

2

aqui mostra alguns macetes

var $allVideos = $("iframe[src^='https://www.youtube.com']"),

  // The element that is fluid width
  $fluidEl = $("body");

// Figure out and save aspect ratio for each video
$allVideos.each(function() {

  $(this)
    .data('aspectRatio', this.height / this.width)

    // and remove the hard coded width/height
    .removeAttr('height')
    .removeAttr('width');

});

// When the window is resized
$(window).resize(function() {

  var newWidth = $fluidEl.width();

  // Resize all videos according to their own aspect ratio
  $allVideos.each(function() {

    var $el = $(this);
    $el
      .width(newWidth)
      .height(newWidth * $el.data('aspectRatio'));

  });

// Kick off one resize to fix all videos on page load
}).resize();
3

Obrigado Leonardo. Fiz pelo Javascript e funcionou na hora.

1 curtida