EasyEmbeds

Developer

Taylor Daughtry

3rd Party (Free)

2 downloads (last 90 days)

MIT License Download v1.0

EE Version Support

  • ExpressionEngine 2

Compatibility

If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher

Requirements

  • jQuery for the Control Panel

Add-On Type(s)

Plugin

Tags

Makes working with YouTube links and embed parameters a bit more consistent. Generates responsive iframes and clean URLs with requested parameters.

EasyEmbeds for ExpressionEngine

EasyEmbeds is a plugin that makes it easier to use YouTube’s embed parameters in your templates. It can generate a clean URL with optional parameters or render a responsive iframe embed of your selected.

Installation

Place the easyembeds folder in your system/expressionengine/third_party folder. Add the css in the easyembeds.css file to your CSS file, or include it with an @import.

Usage

There are two tags for EasyEmbeds: the {exp:easyembeds:url} tag and the {exp:easyembeds:render} tag.

Both tags accept the following parameters:

  • link is the actual video link. This is required, and accepts any form of the video link (embed links, the raw URL, and so on).
  • autoplay determines whether the video with play automatically on page load.
  • related_videos determines whether the grid of related videos appear at the end of video playback.
  • simple_player turns on several parameters to create a simplified viewing experience. It removes controls, info, and YouTube’s branding from the iframe, leaving a clean, minimal experience. Note that scrubbing through the video isn’t available with this parameter.

To activate a certain parameter, add it to the {exp:easyembeds:url} or {exp:easyembeds:render} tag like this:

{exp:easyembeds:url link=“YOUR_LINK_HERE” simple_player=“yes”}

Rendering Videos

The {exp:easyembeds:render} tag generates an iframe within a wrapper with a class of fluidvideo. It uses CSS to maintain the video’s ratio, and forces the iframe to take up the width of its parent container, behaving more like a <div>.

Here’s the code output by the tag itself:

<div class="fluidVideo">
  <iframe src="YOUR_URL_HERE" class="fluidFrame" frameborder="0" allowfullscreen=""></iframe>
</div>

Download EasyEmbeds

EE Support Downloads Add-On Version Release Date
2.2.0+ Download 1.0 Jul 14, 2015

EasyEmbeds Links

This entry was created July 14, 2015, 9:57 pm.
This entry was last updated July 23, 2015, 11:15 am.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through devot-ee.com. If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at https://devot-ee.com/returns to initiate your return. If you have questions, email support@devot-ee.com.

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!