ttree / oembed
oEmbed utility package for Flow with support for Neos
Installs: 3 431
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
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.