[hack] How to hardcode player into template

Hello, I need to hardcode the player in my home page. It has a responsive design, and it displays a facebook iframe occuping 1/3. half or the full widht of the page depending on the viewport width. I want to show a video on the remaining width, or below, (depending on the viewport current width).
To achieve the four needed widths in the FB iframe, I created four divs that hide or show dinamically and hardcoded them into the home page template. This is needed, because the iframe content loads once, it does not reload when changing viewport width. The video width must have the same behaviour, so I thinked on harcoding four videoplayer, into the divs corresponding to each responsive width.
Any help will be welcomed.

https://ww.wp.xz.cn/plugins/videojs-html5-video-player-for-wordpress/