https://github.com/nealrs/ythl

Minimal YouTube embeds that open & auto-play on hover
https://github.com/nealrs/ythl

Last synced: 1 day ago
JSON representation

Minimal YouTube embeds that open & auto-play on hover

• Host: GitHub
• URL: https://github.com/nealrs/ythl
• Owner: nealrs
• License: mit
• Created: 2014-07-03T00:35:24.000Z (over 10 years ago)
• Default Branch: gh-pages
• Last Pushed: 2014-07-03T07:23:04.000Z (over 10 years ago)
• Last Synced: 2023-07-31T17:26:01.700Z (over 1 year ago)
• Language: JavaScript
• Homepage: http://nealrs.github.io/YTHL
• Size: 2.18 MB
• Stars: 4
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## YouTube Hover Links (YTHL) - a JS experiment

**[Live demo](http://nealrs.github.io/YTHL)**

YTHL creates minimal YouTube embeds that open & auto-play on hover. Result: less wasted real estate.

**Instructions**

1. Load up jQuery, `ythl.css`, and  `ythl.js` in ``.

2. Use `` elements and data-attributes to embed your video. Here's how you'd embed Katy Perry's _Roar_ music video: `` Neat right? just plug in the video id, your link text, and an autoplay flag. YTHL does the rest.

3. Srsly bro, that's it. Enjoy!

**Notes**

YTHL depends on  [Fitvids.js](https://github.com/davatron5000/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.)