A plugin for Jekyll to easily embed Archive.org videos, audios and audio lists into your site.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tarteka f8b8fde2ba Actualizar 'README.md' 1 year ago
.gitignore first commit 3 years ago
LICENSE first commit 3 years ago
README.md Actualizar 'README.md' 1 year ago
archive.rb first commit 3 years ago

README.md

Easy Archive.org Embed for Jekyll

A plugin for Jekyll to easily embed Archive.org videos, audios and audio lists into your site.

Un plugin para Jekyll para insertar vídeos, audios y listas de audios en tu página.

Based on Easy Youtube Embed for Jekyll by Katie Harron

Demo

Jekyll Archive.org Plugin

Installation Instructions

Download the file archive.rb and place it in your _plugins folder of your Jekyll installation.

Usage Instructions

In your Markdown post, simply include the following command:

  • {% archive_video VIDEO_ID %}
  • {% archive_audio AUDIO_ID %}
  • {% archive_list AUDIO_LIST_ID %}

Video example, {% archive_video TimeLapseUsandoMEncoder %} will render as:

<div class="video">
  <figure>
    <iframe width="800" height="480" src="//archive.org/embed/TimeLapseUsandoMEncoder" frameborder="0" allowfullscreen="" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
  </figure>
</div>

Audio example, {% archive_audio killallradiojingle %} will render as:

<div class="audio">
  <iframe width="800" height="30" src="//archive.org/embed/killallradiojingle" frameborder="0" allowfullscreen="" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
</div>

Audio List example, {% archive_list rsnlrckmtrkrsnlrckmtrk %} will render as:

<div class="video">
  <figure>
    <iframe width="800" height="300" src="//archive.org/embed/rsnlrckmtrkrsnlrckmtrk" frameborder="0" allowfullscreen="" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
  </figure>
</div>

If you’re interested in the CSS, you can add it to your stylesheet and your videos will resize responsively for users on mobile devices.

/* responsive videos */
.video figure {
	position: relative;
	nowhitespace: afterproperty;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video iframe, .video object, .video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.audio iframe, .audio object, .audio embed {
  width: 100%;
}