How to play a video in the same page when clicking on hover image

[ad_1]

Hi everyone.

**Current situation:**
In WordPress with Gutenberg, I have a container.
This container has a background-image of a machine.
On hover the background-image changes (the machine without the outer pannels).
On click, the container links to a video where you see the machine working. This video is uploaded to the WordPress installation and not on a third party platform

At the moment, the video plays full screen without an easy way to get back to the page where the image is. The only way is to use the back arrow of your browser.

**Question:**
How do I make it so the video opens almost full screen but within the page. So people can click outside the video to go back.
another option could be to add an go back button to the video. Only I don’t know how to manage this.

Maybe there are better ways to improver the user experience.

Hopefully you are able to help.

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer