I am currently utilizing the Vue-fullscreen library for my project. I have successfully implemented it on a video tag to enable full-screen functionality:
<fullscreen ref="fullscreen">
<video :srcObject.prop="videosource" autoplay playsinline :muted.prop="muted"/>
</fullscreen>
Everything is working smoothly. I have now deployed this app (and it is functioning properly). Additionally, I have created another Vue app with an iframe tag linking to the first deployed app:
<iframe :src="firstAppLink" frameborder="0" allow="microphone; camera"></iframe>
However, when I click on the full-screen button inside the deployed app in order to expand the video to full screen, a console error is being thrown and the full-screen feature is not working. The error can be seen in the image linked below.