Изменение размера видео при использовании ipad вместо веб-сайта для просмотра веб-сайта

Выполнение этого с помощью jQuery:

1. Выделите и сохраните пропорции для всех видео на странице.
2. Когда окно будет изменено, выясните новую ширину области содержимого и измените размер всех видео в соответствии с этой шириной с их исходным соотношением сторон.

$ (функция() {

// Find all YouTube videos
var $allVideos = $("iframe[src^='http://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
// (You'll probably want to debounce this)
$(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();

Ссылки: ширина жидкости vedio

См. Демонстрацию