{"id":8156,"date":"2025-04-25T06:40:45","date_gmt":"2025-04-25T06:40:45","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=8156"},"modified":"2026-03-05T13:38:11","modified_gmt":"2026-03-05T13:38:11","slug":"jetelements-video-player-widget-how-to-add-video-content-to-pages","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/","title":{"rendered":"Video Player Widget Overview"},"content":{"rendered":"\n<p>The <em><a href=\"https:\/\/crocoblock.com\/plugins\/jetelements\/\" target=\"_blank\" rel=\"noreferrer noopener\">JetElements<\/a><\/em> <strong>Video Player<\/strong> widget helps one add video files from YouTube and Vimeo services, as well as custom videos, to your website in the easiest way. One can also customize the general views of the video block, and this overview shows how.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-the-video-player-widget\">Adding the Video Player Widget<\/h2>\n\n\n\n<p>First of all, the <strong><a href=\"https:\/\/crocoblock.com\/widgets\/video-player\/\" target=\"_blank\" rel=\"noreferrer noopener\">Video Player<\/a><\/strong> widget should be enabled by going to <strong><em>WordPress Dashboard &gt; Crocoblock &gt; JetElements Settings &gt; JetElements &gt; Widgets &amp; Extensions &gt; Available Widgets<\/em><\/strong> section.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-1024x640.webp\" alt=\"widget &amp; extensions section\" class=\"wp-image-47823\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>The page where the video is to be placed should be accessed and opened in the Elementor editor. The <strong>Video Player<\/strong> widget is to be found in the left panel and dragged to the page.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-1024x640.webp\" alt=\"video player widget\" class=\"wp-image-47824\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/video-player-widget.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<p>After that, the settings block is displayed, where one can customize the widget.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"video-player-widget-settings\">Video Player Widget Settings<\/h2>\n\n\n\n<p>In the <strong>Content<\/strong> tab, three sections are available: <strong>Video<\/strong>, <strong>Thumbnail Overlay<\/strong>, and <strong>Play Button<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"video-section\">Video section<\/h3>\n\n\n\n<p>In this section, the features available in the <strong>Video Player<\/strong> widget settings will be reviewed, depending on whether the \u201cYouTube,\u201d \u201cVimeo,\u201d or \u201cSelf Hosted\u201d option is selected in the <strong>Video Type<\/strong> field.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"youtube\">Youtube<\/h4>\n\n\n\n<p>Below are the features of a \u201cYouTube\u201d option in the <strong>Video Type<\/strong> field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-1024x640.webp\" alt=\"youtube video type settings\" class=\"wp-image-51167\" style=\"width:840px;height:auto\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-youtube-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Video Type<\/strong> \u2014 a drop-down menu where the source of the video is selected. Options include \u201cYouTube,\u201d \u201cVimeo,\u201d or \u201cSelf Hosted\u201d videos from the media library. If the \u201cYouTube\u201d option is selected, the following features are available:\n<ul>\n<li><strong>YouTube URL<\/strong> \u2014 a field where the URL of the video is inserted if &#8220;YouTube&#8221; or &#8220;Vimeo&#8221; options are chosen. For videos from the media library, the default player and the desired video are offered for selection;<\/li>\n\n\n\n<li><strong>YouTube Shorts<\/strong> \u2014 a toggle that enables the proper display format for YouTube Shorts videos, ensuring they maintain their vertical aspect ratio and appropriate player controls when embedded on the website;<\/li>\n\n\n\n<li><strong>Start Time<\/strong> (in seconds) \u2014 a field where the desired start time in seconds is entered if the video is not to be started from the beginning;<\/li>\n\n\n\n<li><strong>End Time <\/strong>(in seconds) \u2014<strong> <\/strong>a field where the stop time in seconds is entered if the video is to be ended at a specific point;<\/li>\n\n\n\n<li><strong>Aspect Ratio<\/strong> \u2014 a drop-down menu where the proportions of the shown video are selected, six options are available, including \u201c1:1,&#8221; \u201c3:2,&#8221; \u201c4:3,&#8221; \u201c9:16,&#8221; \u201c21:9,\u201d and \u201c16:9\u201d;<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> \u2014 a toggle that (when activated) causes the video to be played automatically;<\/li>\n\n\n\n<li><strong>Mute<\/strong> \u2014 a toggle by which the audio is turned on or off;<\/li>\n\n\n\n<li><strong>Loop<\/strong> \u2014 a toggle that activates the feature to replay the video immediately after it ends;<\/li>\n\n\n\n<li><strong>Player Controls<\/strong> \u2014 a toggle that makes the video controls visible and accessible to users (when activated, the <strong>Modest Branding <\/strong>feature is revealed):\n<ul>\n<li><strong>Modest Branding<\/strong> \u2014 a toggle through which the YouTube or Vimeo logos are made visible on the video;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Suggested Videos<\/strong> \u2014 a drop-down menu where the source of the automatically generated list of suggested videos is selected, two options are available: \u201cCurrent Video Channel\u201d and \u201cAny Video\u201d;<\/li>\n\n\n\n<li><strong>Privacy Mode<\/strong> \u2014 a toggle that activates the privacy mode, preventing data collection from visitors by the video service before the video is watched;<\/li>\n\n\n\n<li><strong>Disable Caching<\/strong> \u2014 a toggle that forces fresh video data to be fetched on each page load, bypassing stored cache. When enabled, the system retrieves video information directly from the source every time, which can be useful for debugging but may slow down page loading and increase bandwidth usage. Not recommended for production sites.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"self-hosted\">Self Hosted<\/h4>\n\n\n\n<p>Below are the features of a \u201cSelf Hosted\u201d option in the <strong>Video Type<\/strong> field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-1024x640.webp\" alt=\"self hosted video type settings\" class=\"wp-image-49137\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/08\/self-hosted-video-type-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Video Type<\/strong> \u2014 a drop-down menu where the source of the video is selected. Options include \u201cYouTube,\u201d \u201cVimeo,\u201d or \u201cSelf Hosted\u201d videos from the media library. If the \u201cSelf Hosted\u201d option is selected, the following features are available:\n<ul>\n<li><strong>Player<\/strong> \u2014 a drop-down that allows choosing the type of player, &#8220;Default HTML5&#8221; or &#8220;MediaElement Player&#8221; options are available;<\/li>\n\n\n\n<li><strong>Video Source<\/strong> \u2014 a drop-down where the source for a video can be selected, two options are available: \u201cMedia Library\u201d and \u201cExternal\u201d;<\/li>\n\n\n\n<li><strong>URL<\/strong> \u2014 a field where the URL of the video is inserted if &#8220;YouTube&#8221; or &#8220;Vimeo&#8221; options are chosen. For videos from the media library, the default player and the desired video are offered to be selected;<\/li>\n\n\n\n<li><strong>Subtitles (WebVTT)<\/strong> \u2014 a field where one can add a subtitles file with .vtt extension;<\/li>\n\n\n\n<li><strong>Start Time<\/strong> \u2014 a field where the desired start time in seconds is entered if the video is not to be started from the beginning;<\/li>\n\n\n\n<li><strong>End Time <\/strong>\u2014<strong> <\/strong>a field where the stop time in seconds is entered if the video is to be ended at a specific point;<\/li>\n\n\n\n<li><strong>Aspect Ratio<\/strong> \u2014 a drop-down menu where the proportions of the shown video are selected, six options are available, including \u201c1:1,&#8221; \u201c3:2,&#8221; \u201c4:3,&#8221; \u201c9:16,&#8221; \u201c21:9,\u201d and \u201c16:9\u201d;<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> \u2014 a toggle that, when activated, causes the video to be played automatically;<\/li>\n\n\n\n<li><strong>Mute<\/strong> \u2014 a toggle by which the audio is turned on or off;<\/li>\n\n\n\n<li><strong>Loop<\/strong> \u2014 a toggle that activates the feature to replay the video immediately after it ends;<\/li>\n\n\n\n<li><strong>Player Controls<\/strong> \u2014 a toggle that makes the video controls visible and accessible to users;<\/li>\n\n\n\n<li><strong>Control Visibility<\/strong> \u2014 five options are available: \u201cCurrent Time,\u201d \u201cDuration Time,\u201d \u201cVolume,\u201d and \u201cFullscreen Button;\u201d<\/li>\n\n\n\n<li><strong>Download Button<\/strong> \u2014&nbsp; a toggle that reveals the video download button for users, allowing them to save the video file (disabled by default). This option is only available when &#8220;Default HTML5&#8221; is selected in the <strong>Player<\/strong> drop-down. The download button is available only if the browser supports this functionality;<\/li>\n\n\n\n<li><strong>Poster<\/strong> \u2014 a field where one can select a preview image of the video, also &#8220;<strong>Dynamic Tags<\/strong>&#8221; are available, so one can dynamically pull images from various sources. <strong>Dynamic Tags<\/strong> allow for flexible content integration from <em>JetReviews<\/em> (such as \u201cReview Author Avatar\u201d and \u201cReview Property\u201d), <em>JetEngine<\/em> (including \u201cCustom Image,\u201d \u201cTerm Image,\u201d \u201cImage from options,\u201d \u201cUser Image,\u201d \u201cCurrent Object Field,\u201d \u201cCurrent Object Image Field,\u201d \u201cComponent Control Image\u201d), and <strong>WooCommerce Product Images<\/strong> without needing to upload individual images manually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"vimeo\">Vimeo<\/h4>\n\n\n\n<p>Below are the features of a \u201cVimeo\u201d option in the <strong>Video Type<\/strong> field.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-1024x640.webp\" alt=\"vimeo video type settings\" class=\"wp-image-51169\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2026\/03\/video-player-widget-vimeo-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Video Type<\/strong> \u2014 a drop-down menu where the source of the video is selected. Options include \u201cYouTube,\u201d \u201cVimeo,\u201d or \u201cSelf Hosted\u201d videos from the media library. If the \u201cVimeo\u201d option is selected, the following features are available:\n<ul>\n<li><strong>Vimeo URL<\/strong> \u2014 a field where the URL of the video is inserted if &#8220;YouTube&#8221; or &#8220;Vimeo&#8221; options are chosen. For videos from the media library, the default player and the desired video are offered to for selection;<\/li>\n\n\n\n<li><strong>General Data Protection Regulation<\/strong> \u2014 a toggle through which compliance with European data protection laws is enabled or disabled;<\/li>\n\n\n\n<li><strong>Start Time<\/strong> \u2014 a field where the desired start time in seconds is entered if the video is not to be started from the beginning;<\/li>\n\n\n\n<li><strong>Aspect Ratio<\/strong> \u2014 a drop-down menu where the proportions of the shown video are selected, six options are available, including \u201c1:1,&#8221; \u201c3:2,&#8221; \u201c4:3,&#8221; \u201c9:16,&#8221; \u201c21:9,\u201d and \u201c16:9\u201d;<\/li>\n\n\n\n<li><strong>Autoplay<\/strong> \u2014 a toggle that, when activated, causes the video to be played automatically;<\/li>\n\n\n\n<li><strong>Mute<\/strong> \u2014 a toggle by which the audio is turned on or off;<\/li>\n\n\n\n<li><strong>Loop<\/strong> \u2014 a toggle that activates the feature to replay the video immediately after it ends;<\/li>\n\n\n\n<li><strong>Controls Color<\/strong> \u2014 a select field where one chooses the color of the control elements;<\/li>\n\n\n\n<li><strong>Disable Caching<\/strong> \u2014 a toggle that forces fresh video data to be fetched on each page load, bypassing stored cache. When enabled, the system retrieves video information directly from the source every time, which can be useful for debugging but may slow down page loading and increase bandwidth usage. Not recommended for production sites.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"thumbnail-overlay-section\">Thumbnail Overlay section<\/h3>\n\n\n\n<p>In this section, one can overlay the video with a thumbnail if desired.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-1024x640.webp\" alt=\"thumbnail overlay settings\" class=\"wp-image-47828\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/thumbnail-overlay-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Show Thumbnail Best Quality<\/strong> \u2014 a toggle by which the highest quality thumbnail is displayed;<\/li>\n\n\n\n<li><strong>Show Custom Thumbnail<\/strong> \u2014 a toggle through which the usage of a custom-made thumbnail is enabled. When activated, the following features are revealed, and the <strong>Show Thumbnail Best Quality<\/strong> toggle is hidden;\n<ul>\n<li><strong>Thumbnail<\/strong> \u2014 a select field where one can choose an image from the <strong>Media Library<\/strong>;<\/li>\n\n\n\n<li><strong>Image Resolution<\/strong> \u2014 a drop-down field where the quality level of the displayed image is selected. Options range from small thumbnail sizes to full resolution, with predefined dimensions;<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Overlay Color<\/strong> \u2014 a color picker where a plain color is selected to be used;<\/li>\n\n\n\n<li><strong>Lightbox<\/strong> \u2014 a toggle by which the lightbox for the video is enabled.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"play-button-section\">Play Button section<\/h3>\n\n\n\n<p>If <strong>Autoplay<\/strong> is not selected, the video will only play after the user presses the play button. In this menu block, the play button can be customized.<\/p>\n\n\n\n<div class=\"wp-block-image size-large\"><a href=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings.webp\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-1024x640.webp\" alt=\"play button settings\" class=\"wp-image-47829\" srcset=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-1024x640.webp 1024w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-300x188.webp 300w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-768x480.webp 768w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-1536x960.webp 1536w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings-600x375.webp 600w, https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/play-button-settings.webp 1824w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/div>\n\n\n\n<ul>\n<li><strong>Show Play Button<\/strong> \u2014 a toggle by which the play button is made visible to the user. When this toggle is activated, the following features are revealed:\n<ul>\n<li><strong>Play Button Type<\/strong> \u2014 a field where the play button type is chosen by clicking on the&nbsp; \u201c<strong>Icon<\/strong>\u201d or \u201c<strong>Image<\/strong>\u201d button, after which the specific icon or picture is selected from the <strong>Media Library<\/strong>;<\/li>\n\n\n\n<li><strong>Icon<\/strong> \u2014 a select field where the play button icon is selected;<\/li>\n\n\n\n<li><strong>Play Button Text for Accessibility<\/strong> \u2014 a field where the accessibility text for the play button is entered, with &#8220;Video play button&#8221; being provided as the default value.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>When settings are completed, the <strong>Style<\/strong> tab should be accessed. The settings for styling the video player and the play button are available there. After customization is finished, click the &#8220;<strong>Update<\/strong>&#8221; button to save the results.<\/p>\n\n\n\n<p>Video content can be showcased to greet visitors, inform about updates, announce special offers, present a company, or explain how any device works using the <strong>Video Player<\/strong> widget.<\/p>\n\n\n\n<p>That\u2019s all one needs to know about the setting of the <strong>Video Player<\/strong> widget for Elementor on a WordPress website.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to show your content with videos using JetElements Video Player widget for Elementor.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[514],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Video Content \u2014 JetElements | Crocoblock<\/title>\n<meta name=\"description\" content=\"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Video Content \u2014 JetElements | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T13:38:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-1024x640.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/\",\"name\":\"How to Add Video Content \u2014 JetElements | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2025-04-25T06:40:45+00:00\",\"dateModified\":\"2026-03-05T13:38:11+00:00\",\"description\":\"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Video Player Widget Overview\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Video Content \u2014 JetElements | Crocoblock","description":"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Video Content \u2014 JetElements | Crocoblock","og_description":"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.","og_url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/","og_site_name":"Help Center","article_modified_time":"2026-03-05T13:38:11+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/jetelements-widgets-extensions-1024x640.webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/","url":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/","name":"How to Add Video Content \u2014 JetElements | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2025-04-25T06:40:45+00:00","dateModified":"2026-03-05T13:38:11+00:00","description":"Discover how to enhance your WordPress website with the Video Player widget in Elementor. Learn to seamlessly integrate and customize videos from YouTube, Vimeo, and other sources for a professional multimedia experience.","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/jetelements\/jetelements-video-player-widget-how-to-add-video-content-to-pages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"Video Player Widget Overview"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/8156"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=8156"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=8156"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=8156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}