YouTube Hover Links (YTHL) - a JS experiment
YTHL creates minimal YouTube embeds that open & auto-play on hover. Result: less wasted real estate.
Instructions
Load up jQuery,
ythl.css, andythl.jsin<head>.Use
<span>elements and data-attributes to embed your video. Here's how you'd embed Katy Perry's Roar music video:<span class="ythl" data-id="CevxZvSJLk8" data-title="Katy Perry - Roar" data-auto="yes"></span>Neat right? just plug in the video id, your link text, and an autoplay flag. YTHL does the rest.Srsly bro, that's it. Enjoy!
Notes
YTHL depends on Fitvids.js for responsive embeds - but if you can live without that, you can also nix jQuery. (You'll have to refactor some of the code though.)
Built With
- css
- fitvids.js
- javascript
- jquery
- web
- youtube
Log in or sign up for Devpost to join the conversation.