Creating a versatile web video player for various screen formats

@emakoonline

Transform the code below into a Web video player when is wide screen, mobile screen and VR when opened with VR glasses like Meta Oculus 3 or others

DeepSeek V3

I'll create a responsive video player that adapts to different viewing modes (wide screen, mobile, and VR). Here's the implementation:

Updated files

@emakoonline

Here is the code that comes from Bunny.net as HLS url: <div style="position:relative;padding-top:56.25%;"><iframe src="https://iframe.mediadelivery.net/embed/151846/5811d7ab-cf61-4394-9e5d-914cd04f54aa?autoplay=true&loop=true&muted=false&preload=true&responsive=true" loading="lazy" style="border:0;position:absolute;top:0;height:100%;width:100%;" allow="accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;" allowfullscreen="true"></iframe></div>

DeepSeek V3

I'll modify the adaptive video player to work with the Bunny.net HLS stream, maintaining all the responsive features for desktop, mobile, and VR modes:

Updated files