Skip to content

dfeyer/Ttree.Oembed

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

TYPO3 Flow & Neos package to consume oEmbed resource

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •