bhean / octopress-responsive-video-embed

Helps you embed Youtube and Vimeo videos responsively to your Octopress since 2012.

Octopress responsive video embed

Helps you embed Youtube and Vimeo videos responsively to your Octopress since 2012. Also supports embeds from TrailerAddict, Ooyala (video player used by The Verge and Polygon) and Dailymotion.

How to use it?

There are 3 easy steps.

1. Add youtube.rb, dailymotion.rb, vimeo.rb, traileraddict.rb, ooyala.rb to your plugin folder.
2. Copy the content from rve-styles.css to your own stylesheet or just add it to your template. (Or, to keep everything in sass, see below)
3. Now you can easily embed videos using only the id like this:

# Vimeo example

{% vimeo 20241459 %}

# Youtube example

{% youtube QWq0bSvc31A %}

# TrailerAddict example

{% traileraddict 66840 %}

# Ooyala example (needs two id's, pbid and ec)

{% ooyala 2ff6d6fff2b2457bb9ea2cfcf77dc25b 1xaW1nYTqi1Z1ZiLwcJ2qSSrg94NAtkQ %}

# Dailymotion example

{% dailymotion xme2zs %}

Optional - keep everything in sass

1. Copy _rve.scss to /sass/custom
2. Add @import "custom/rve" to /sass/screen.scss

Kudos

• Thanks go to Anders M. Andersen for his blogpost about responsive embeds and to Portway Point for their Jekyll Youtube Liquid Template Tag Gist
• Special thanks go to @geetotes (for the Trailer Addict support), to @DennisLaumen (for the Ooyala support) and to @jcbedier (for the Dailymotion support).

Endorsement

If you like it, feel free to endorse me: