При вставке видео с youtube довольно часто возникает потребность вручную править стили iframe. Можно ли сделать это автоматически?

Да, для этого можно воспользоваться вот таким скриптом

var $allVideos = $('iframe[src*="youtube.com"]'), $fluidEl = $("div.news-detail"); $(document).ready(function () { $allVideos = $('iframe[src*="youtube.com"]'); $allVideos.each(function() { $(this) .data('aspectRatio', this.height / this.width) .removeAttr('height') .removeAttr('width').resize(); }); });
$(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')); });
}).resize();

Данный код сделает любое видео в блоке с классом .news-detail адаптивным

Готовы сделать всю работу за Вас
от750
  • 60 минут


Поработаем?

Опишите свой запрос, мы расчитаем стоимость вашей задачи.