vue -в полноэкранном режиме не работает внутри iframe

Question

Я использую vue -fullscreen библиотеку. И я реализовал это в теге видео, чтобы сделать видео полноэкранным, как

 <fullscreen ref="fullscreen">
      <video :srcObject.prop="videosource" autoplay playsinline :muted.prop="muted"/>
 </fullscreen>

Он работает нормально. Теперь я развернул это приложение (тоже работает). Я создал еще одно приложение vue с тегом iframe с sr c для первого развернутого приложения как

 <iframe :src="firstAppLink" frameborder="0" allow="microphone; camera"></iframe>

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

Изображение показывает ошибку

Answer 1

Попробуйте добавить атрибут allow="fullscreen" к элементу iframe

Answer 2

Вам нужно будет использовать eventListner на обоих концах, чтобы передать информацию о том, как обрабатывать полноэкранное событие