Изменить размер видео во время воспроизведения? ⇐ Jquery

[Anonymous]

Мне очень трудно разобраться в этом, хотя я уверен, что это должно быть довольно легко. Итак, у меня есть видео на веб-сайте, который я разрабатываю. Я бы хотел, чтобы это видео изменяло размер на другой CSS (большую ширину/высоту), когда оно начинает воспроизводиться, и возвращало размер к нормальному (удаляя CSS), когда оно приостанавливается. Как мне это сделать? Я пробовал jQuery с функцией переключения, добавляя/удаляя CSS. Однако изменение размера происходит при нажатии, тогда как я хотел бы, чтобы оно было, когда оно начинает воспроизводиться. Есть ли способ сделать это?

Код:

Код: Выделить всё

CSS

section video {
float: left;
width: 50%;
max-height: auto;
}

.largevideo {
float: left;
width: 100%;
max-height: auto;
}



$(document).ready(function(){
$("section video").click(function(){
$("section video").toggleClass("largevideo");
});
});

Это сработает, единственная проблема в том, что когда я нажимаю кнопку «Воспроизвести», видео не увеличивается. Поэтому я думаю, что либо применяю ту же функцию к кнопке «Воспроизвести», либо помечаю ее, когда видео начинает воспроизводиться.

Спасибо

Подробнее здесь: https://stackoverflow.com/questions/383 ... is-playing