При вставке видео с 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 минут

Перенесем сайты! Перенесем баланс! Подарим 3 месяца хостинга!
Диадок

Поработаем?

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