Load Multiple Videos from an Unordered List

Worried about licensing?

Do you have right license for your templates and fonts?

Head over to our partner Envato Elements and unlock unlimited downloads of over 50 million digital assets with full commercial licensing.

  • 50+ Million Assets with Unlimited Downloads
  • Templates, Addons, Fonts, Footage, Photos, Brushes, Presets & More
  • Full Commercial licensing for client work

Get ultimate peace of mind!

Get Started Now
list pure css video
Image: Load Multiple Videos from an Unordered List GIF

With this snippet designed by Corey Roth you have an unordered list on the right and a video on the left. When you click on each item in the list it loads up a different video on the left-hand side.

If you are having trouble with the pen, try the archived copy on GitHub

Video List Snippet

See the Pen CSS video gallery by Corey Roth (@coreyroth) on CodePen.0

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.