oEmbed utility package for TYPO3 Flow & Fluid with support for TYPO3 Neos
This package for TYPO3 Flow and Fluid add support for oEmbed.
This package also contain a TYPO3 Neos Node Type definition to integrate oEmbed resources in your Neos project.
created by Dominique Feyer <dfeyer (at) ttree.ch> http://www.ttree.ch
Features
- Consume oEmbed resource
- TYPO3 Fluid oEmbed ViewHelper
- TYPO3 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_.