Embera

Addon by Daniel Weaver

Embera Main Screenshot

A video embed tag using the Embera oEmbed library for Statamic 4+

A video embed tag using the Embera oEmbed library for Statamic 4+

Features

This addon allows you to use an {{ embera }} tag to embed nearly any video URL with an iframe. Embera supports embedding a wide variety of online video providers: https://github.com/mpratt/Embera/blob/master/doc/02-providers.md

How to Install

Run the following command from your project root:

composer require godismyjudge95/statamic-embera

If you want a quick start in styling the iframe you can include the base responsive styles in your site.css:

import '@/../../vendor/godismyjudge95/statamic-embera/resources/css/addon.css';

How to Use

Simply use the embera tag with a video url:

{{ embera src="https://www.youtube.com/watch?v=dQw4w9WgXcQ" height="600" width="" responsive="true" class="mx-auto" }}

Outputs:

<iframe class="embera-embed-responsive-item embera-embed-responsive-item-video" src="https://www.youtube.com/embed/dQw4w9WgXcQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

To see all the possible parameters see the Embera documentation: https://github.com/mpratt/Embera/blob/master/doc/01-usage.md#passing-configuration-options

All the attributes passed to the Embera tag are passed through to the Embera class instance.

Thanks

Many thanks to mpratt and the contributors of Embera - https://github.com/mpratt/Embera