Проблема расширения div с помощью iframe

Question

Я пытаюсь встроить в свой сайт iframe с помощью Livestream, чтобы переключаться на два разных размера.Поэтому, когда нажимается кнопка, видео расширяется до большего размера, без остановки воспроизведения видео.

Я попытался сделать это с помощью следующего jQuery:

$(document).ready(function() {
    $("#toggle").click(function() {
        $("#container").toggleClass("wide");
    });
});

I 'Мы проверили это с помощью встраиваемого кода видео YouTube, и это работает.Но по какой-то причине виджет Livestream не расширяется.Пожалуйста, посмотрите на скрипку точный код, который я использую: http://jsfiddle.net/ULauz/

Answer 1

Поскольку это iframe, установка ширины / высоты внешнего div не приведет к сбросу iframe ширины / высоты. Вы должны явно установить ширину / высоту iframe. Кроме того, у игрока внутри iframe есть свои собственные ширина / высота, установленные при загрузке iframe, поэтому, даже если iframe изменен, размер игрока не будет изменен. Из-за констант домена вы можете установить ширину / высоту игроков.

Попробуйте это, что на самом деле изменяет размер iframe, но размер игрока не изменяется.

$(document).ready(function() {
    $("#toggle").click(function() {
        $("#container").toggleClass("wide");
        $("#container iframe").height(340).width(540);
        return false;
    });
});

http://jsfiddle.net/ULauz/3/