Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Helps you embed Youtube and Vimeo videos responsively to your Octopress since 2012.
Ruby CSS
Branch: master

Merge pull request #15 from rcmdnk/mod

Use stip function for dailymotion, traileraddict, vimeo
latest commit 2ad2ffdd3c
@optikfluffel authored

README.markdown

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

Starting Point

Thanks go to Anders M. Andersen for his blogpost about responsive embeds and to Portway Point for their Jekyll Youtube Liquid Template Tag Gist.

Contributors

Special thanks go to:

Endorsement

If you like it, feel free to endorse me:

Something went wrong with that request. Please try again.