ttree/oembed

Last activity on 10 October 2019
  • 6
  • 4
  • 3118
composer require ttree/oembed

oEmbed utility package for Flow with support for Neos

4.0.0

oEmbed utility package for Flow with support for Neos

Version
4.0.0
Type
neos-package
Release Date
25.10.2019 10:02:30
Source
git
Distribution
zip
Requires
Requires (dev)
None
Suggest
None
Provides
None
Conflicts
None
Replaces
None
MIT
  • #flow
  • #oembed
  • #neos
4a94308f8ea4dc7fa8a7c37ae4987741a951fb71

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_.

The content of the readme is provided by Github
The same vendor provides 48 package(s).