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

warning - Message

Important notice: This wiki is scheduled to be disabled in 2021. We are in the process of migrating content to the official documentation on If you find information here that is missing from the official documentation, please feel free to get in contact with us on TYPO3 Slack (Channel: #t3docs-sig-wiki-migration).


From TYPO3Wiki
Jump to navigation Jump to search
Content Type: Extension Documentation (find more extensions in the Extension Repository)

Using the Wiki for extension documentation is no longer recommended. You should add the documentation in the git repository of your extension and render it on or on the Git hoster, e.g. GitHub, see How to document an extension and Publish your extension.

Extension detail information
Easy to use YouTube video content element with cover image. Mobile friendly template.
documentation state stable document state list
licence OCL
usergroups list of usergroups forAdmins, forDevelopers, forIntermediates
author(s) Brightside – TYPO3 development company
TER category fe
dependency TYPO3 8.7 LTS

<< Back to Extension manuals page


YouTube Video

Adds new content element for YouTube videos.

Screenshots & Examples

In action:


  • Regular content element settings (title, access, etc.)
  • Video and it's options preview in page module
  • Parses all kinds of dirty YouTube links, 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


  • TYPO3 8.7 LTS
  • fluid_styled_content
  • jQuery


  • Install the extension
  • Include default TypoScript template and modify if needed.

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