Translations
Info
All page names need to be in English.
en da  de  fr  it  ja  km  nl  ru  zh

EXT/youtubevideo

From TYPO3Wiki
Jump to: navigation, search
Extension detail information
youtubevideo
Easy to use YouTube video content element with cover image feature. Pure CSS responsive template.
documentation state stable document state list
licence OCL
forgeproject
mailinglist
usergroups list of usergroups forAdmins, forDevelopers, forIntermediates
author(s) Brightside – TYPO3 development company
TER category fe
dependency TYPO3 8.6 – 8.7 LTS

<< Back to Extension manuals page

[edit]


YouTube Video

Adds new content element for YouTube videos.

Screenshots & Examples

In action:

Features

  • Regular content element settings (title, access, etc.)
  • Video and it's options preview in page module
  • Parses all kinds of dirty YouTube links, youtu.be included
  • Cover image feature
  • Video caption
  • Video aspect ratio (16:9, 4:3, configurable). Multiple aspect ratios and different video sizes on same page.
  • Video start time (min/sec)
  • Autoplay (on/off)
  • Show info (on/off)
  • Show related videos (on/off)
  • Fullscreen (on/off)
  • Loop (on/off)
  • Showing video and it's active settings in page module
  • Modest YouTube branding (on/off TS)
  • YouTube player color theme (dark/light TS)
  • Customizable HTML & TS template

Requirements

  • TYPO3 8.6 – 8.7 LTS
  • fluid_styled_content
  • jQuery - if using cover images

Install

  • Install the extension
  • Include default TypoScript template and modify if needed.
  • If not using cover image feature it's a good idea to turn javascript off from TypoScript template

TypoScript Setup

Check typo3conf/ext/youtubevideo/Configuration/TypoScript/setup.txt

Page TSConfig

For changing the settings default values change Page > Properties > Resources > Page TSConfig.

Note! Field values will be saved into the database and affect newly added content elements only. So, if you need to do it sitewise it's better idea to manipulate the TypoScript and or HTML template.

 TCAdefaults.tt_content {
   tx_youtubevideo_autoplay = 0
   tx_youtubevideo_showinfo = 0
   tx_youtubevideo_rel = 0
   tx_youtubevideo_fullscreen = 0
   tx_youtubevideo_loop = 0
 }
 # 0 = off, 1 = on
 TCEFORM.tt_content.tx_youtubevideo_ratio.addItems {
   0 = HD Video Standard (16:9)
   1 = Standard TV (4:3)
 }
 # Check TypoScript and HTML template for adding new ratios

Breaking Changes

  • Upgrading from 0.3.* to 0.4.* the tx_youtubevideo_code MySQL field is dropped and replaced with tx_youtubevideo_url.
  • Since version 1.0.0 runs only with fluid_styled_content