Video player
shortcode

Allows you to present videos on your site. Customize the shortcode to get the unique design. Impress your visitors.
Read documentation
Usage frequency
70%
Preset amount
78%
Customizability
90%

Available options

Default code: [dfd_videoplayer main_style="style-1" video_link=""]

Style – Choose between 2 styles for video player;

Animation – Select among 14 preset appear effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> Main Options -> Custom CSS and write your own CSS code with this class to get your own style;

Content – Add the title, subtitle and link to your video. Background video style allows you to set the thumbnail image;

General Styles – Allows you to choose the icon alignment, set the Background color and Background color on hover;

Border – Set and customize the border for the video;

Border on hover – Allows you to customize the border hover effect ;

Icon Styles – Add the unique styles for the player icon and its border;

Border for the icon on hover – Customize the icon hover effect. Select the style and colors for the player icon;

Typography – Select letter spacing, font size, line height and text color. You can also choose the custom font family for the title and the subtitle;

Default and Customized styles

Samples of preset and customized styles
Simple style
Video player title
Video player subtitle
Video player title
Video player subtitle
Video player title
Video player subtitle
Simple style with custom typography
Video player title
Video player subtitle
Video player title
Video player subtitle
Video player title
Video player subtitle
Backgroung style