Полный экран не работает на Youtube/Viemo внедренного видео на моем сайте при использовании хрома

Question

На моем сайте, я встроил видео с YouTube с помощью этого простого кода:

<iframe width="560" height="315" src="//player.vimeo.com/video/72625639?wmode=opaque" class="st_public_video top1" frameborder="0" allowfullscreen=""></iframe> 

сайт Демо можно увидеть здесь: https://testvillage.letsventure.com/dreamon

Когда в Chrome и я нажимаю кнопку полного экрана на этом видео, видео отображается в полноэкранном режиме и снова восстанавливается автоматически.

Однако, когда я использую Explorer или Firefox, полноэкранный режим работает нормально. Поэтому, очевидно, я делаю что-то неправильно. Любая помощь будет оценена по достоинству.

Answer 1

Вам необходимо изменить разрешение allowfullscreen = "", чтобы разрешить использование экрана.

Я не проверял это локально. Но это свойство ведет себя аналогично «selected» в «select/options».

Ниже приведен синтаксис Vimeo.

<iframe src="//player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

Обратите внимание на теги ebkitallowfullscreen, mozallowfullscreen, allowfullscreen.