The Dailymotion custom field gives you the ability to display a Dailymotion video at your frontend just by filling out the URL or just the ID of the Dailymotion video.
- How to add a Dailymotion Custom Field to Joomla! Articles
- Field Usage
- Frontend Display
- How do I make my video responsive?
How to add a Dailymotion Custom Field to Joomla! Articles
The Dailymotion field provides you all of the customization options of the player which will display the video at your frontend.
Let's see what each option does.
| Name | Description |
|---|---|
| Name | The name will be used to identify the field. Leave this blank and Joomla will fill in a default value from the title. |
| Label | The label of the field to display. |
| Description | A description of the field that will be displayed in the label tooltip. |
| Required | Is this a mandatory field? |
| Video Size | Set the size of the embedded video. Fixed: The video will be embedded at a fixed size. Responsive: The video will be embedded responsively, so it will adapt to the height and width of its container. |
| Video Width | The video's width in pixels. If you prefer to use percentage you have to type the percentage sign '%' at the end of your value like so, 90%. |
| Video Height | The video's height in pixels. You can also use a percentage here the same way as you do with the width. |
Pro Only
| Name | Description |
|---|---|
| Autoplay | Choose if you want the video to start playing when the page finishes loading. |
| Display Controls | Choose if you want to display the player's controls. |
| Display Endscreen | Choose if you want to display the endscreen of each video. |
| Mute | Choose if you want the video to be muted. |
| Quality | Choose the video quality. |
| Sharing | Choose if you want the share buttons to be displayed in the player. |
| UI Color | Choose the color of the player's UI. |
| Logo | Choose if you want the Dailymotion logo to be displayed in the player. |
| Start Screen Info | Choose if you wan the video's title and creator's name before the video starts. |
| Theme | Choose between a dark and a light theme for the player. |
Usage
Once you are in your Article's Edit screen, choose the "Fields" Tab to see the Dailymotion custom field as you can see in the screenshot below.
In this textbox you can type in the full URL or just the ID of the Dailymotion video that you are interested in.
Frontend Display
Take a look at the screenshot below to see how it could be displayed in your frontend.
Frequently Asked Questions
How do i make my video responsive?
By default, the video will have a Fixed video size. Meaning the width and height of the video can be set in the Video Width and Video Height settings.
If you desire to make the video responsive which will make it auto resize in mobile devices, select the option Responsive in the setting Video Size. This will remove the settings Video Width and Video Height and make it's width the same as the parents (full width). This way you will get the best experience in mobile devices.
