Адаптивные видео с youtube на вашем сайте
от v2Team
При вставке видео с 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 адаптивным
Бесплатная консультация
Нужна помощь с похожей задачей?
Расскажите о проекте — оценим, предложим решение и назовём стоимость. Без обязательств.
Читайте также
Поработаем?
Опишите свой запрос, мы рассчитаем стоимость вашей задачи.

