HTML5 Video 5

Device Specific Videos

In this demo, we have configured 3 completely different videos to show up on small, medium and large devices (phone, tablet, desktop). If you resize your browser and refresh, you will see a different video play. Normally you would use the same exact video, just with a different resoltuion. However, in order for you to see this feature in action, we have added different videos for each breakpoint.

The Measure stack is used to help you identify the small, medium and large breakpoints. It is not included with HTML5 Video.

Play on Hover

This is an interest use case as it allows you to seemlessly interact with your videos simply by hovering over them. The controls are always hidden, as well as the play button. This gives a very useful effect for giving quick previews of your videos, maybe for a product.

The video poster is set to display whenever you stop hovering over the video. The video will continue to loop as long as you are hovered over it.

Check out Video Pro

HTML5 Video big brother Video Pro has a ton of advanced features that may fit your needs.