https://github.com/dfeyer/ttree.oembed

TYPO3 Flow & Neos package to consume oEmbed resource
https://github.com/dfeyer/ttree.oembed

flowframework neoscms

Last synced: 10 months ago
JSON representation

TYPO3 Flow & Neos package to consume oEmbed resource

• Host: GitHub
• URL: https://github.com/dfeyer/ttree.oembed
• Owner: dfeyer
• License: mit
• Created: 2012-12-19T09:47:09.000Z (about 13 years ago)
• Default Branch: master
• Last Pushed: 2022-05-24T14:59:41.000Z (over 3 years ago)
• Last Synced: 2025-04-12T21:45:53.434Z (10 months ago)
• Topics: flowframework, neoscms
• Language: PHP
• Homepage:
• Size: 99.6 KB
• Stars: 9
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.rst
  • License: LICENSE

Awesome Lists containing this project

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  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}

	

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

.. _CyberDesignCraft http://cyberdesigncraft.com/responsive-video-embed/