DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
Introduction¶
What does it do?¶
This extension replaces video URLs from Youtube, Vimeo and Dalymotion with a video thumbnail, which when clicked gets replaced by the appropriate iframe. It uses Bootstrap responsive embed classes and jQuery for the actual replacement. This makes loading of pages containing videos real fast.
Read more about this technique.
Screenshots¶
See the extension in action:
You enter the Video URL as you see it in your Browser, just copy&paste from the adressbar, e.g. into a textfield.
Video thumbnail in the frontend:
Iframe when thumbnail is clicked:
- Note:
There is no way to set width and height of the videos, instead the responsive embed class from Bootstrap is used, -> the videos will always use 100% of the parent container!
Additionally the Bootstrap CSS class embed-responsive-16by9 is used which means the aspect ratio will always be 16:9.