ttree / oembed
oEmbed utility package for Flow with support for Neos
Installs: 3 434
Dependents: 0
Suggesters: 0
Security: 0
Stars: 9
Watchers: 3
Forks: 4
Open Issues: 0
Type:neos-package
Requires
- neos/flow: ^6.0 || ^7.0 || ^8.0
README
oEmbed utility package for Flow with support for Neos
This package for Flow adds support for oEmbed.
This package also contain a Neos Node Type definition to integrate oEmbed resources in your Neos project.
created by Dominique Feyer <dfeyer@ttree.ch> http://www.ttree.ch
Features
- Consume oEmbed resource
- Fluid oEmbed ViewHelper
- Neos Node Type definition
How to use the plugin ?
You need to install the package with composer, nothing else.
How to use the Fluid Viewhelper ?
You can simply send your oEmbed resource URI to the ViewHelper, like this:
{namespace o=Ttree\Oembed\ViewHelpers} <o:embed uri="{uri}" />
How to render responsive or fluid oEmbed resource ?
Responsive Design is a common need for modern website. If you need responsive layout for your video, you can add the following LESS, or in CSS, to your site:
.oembed-video-container { position: relative; margin: 20px 0; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; > iframe, > object, > embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }
This example come from an nice article from Ruairi Phelan, published on CyberDesignCraft_.