Как раздуть встроенную видео рамку YouTube на веб-сайте, когда я нажимаю на кнопку воспроизведения?

Question

Я встроил видео на YouTube (HTML5 и CSS). У меня есть 3 видео, которые появляются рядом друг с другом, чтобы поместиться на полях сайта. Но когда я нажимаю на воспроизведение, кадр не расширяется и, следовательно, воспроизводится в том же кадре, но это слишком мало для зрителей.

Ожидание: нормально иметь маленькую рамку на веб-сайте, но когда пользователь нажимает кнопку «Воспроизвести», рамка должна расшириться до 1100 * 450 и вернуться, чтобы поместиться в ее маленькую рамку, когда это будет сделано или когда пользователь нажимает в другом месте на странице. Я не хочу использовать опцию «Полный экран», поскольку она охватывает всю веб-страницу.

Есть идеи, как мне это сделать?

Answer 1

эй, приятель, замени свой код iframe на этот

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

<iframe height="400" width="600" name="frame" id="iframe" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Answer 2

вам нужно использовать всплывающее окно для этого. Имейте изображение видео, затем, когда кто-то нажимает на него, видео всплывает и воспроизводит