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 Vimeo video content element. Pure CSS responsive 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, fluid_styled_content

<< Back to Extension manuals page


Vimeo Video

Adds new content element for Vimeo videos.

Screenshots & Examples

In action:


  • Video and options overview in page module
  • Regular content element settings (title, access, etc.)
  • Parses all kinds of dirty Vimeo links, included
  • Video caption
  • Video aspect ratio (16:9, 4:3, configurable). Multiple aspect ratios and different video sizes on same page.
  • Autoplay (on/off)
  • Show info (on/off)
  • Loop (on/off)
  • Customizable HTML & TS template


  • TYPO3 8.7 LTS
  • fluid_styled_content


  • Install the extension
  • Include default TypoScript template and modify if needed.
  • If using Gridelements Vimeovideo should be installed after installing Gridelements not before (initial save may not work otherwise, if adding via new content wizard)

TypoScript Setup

Check typo3conf/ext/vimeovideo/Configuration/TypoScript/setup.ts

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_vimeovideo_autoplay = 0
   tx_vimeovideo_loop = 0
   tx_vimeovideo_title = 0
 # 0 = off, 1 = on
 TCEFORM.tt_content.tx_vimeovideo_ratio.addItems {
   0 = HD Video Standard (16:9)
   1 = Standard TV (4:3)
 # Check TypoScript and HTML template for adding more ratios