{"id":5551,"date":"2020-06-04T18:21:08","date_gmt":"2020-06-04T18:21:08","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=5551"},"modified":"2020-06-10T09:06:38","modified_gmt":"2020-06-10T09:06:38","slug":"video-element-ultimate-addons","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/ultimate-add-ons\/video-element-ultimate-addons\/","title":{"rendered":"Video Element &#8211; Ultimate Addons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div id=\"primary\" class=\"content-area bsf-options-form-wrap grid-parent mobile-grid-100 grid-75 tablet-grid-75\">\n<p>&nbsp;<\/p>\n<header class=\"entry-header\">\n<div class=\"docs-single-title\">\n<h1 class=\"entry-title\">Video Element<\/h1>\n<p id=\"breadcrumbs\"><a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/docs-archive-ultimate-addons\/\">Docs<\/a> \u00bb <a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/videos\/ultimate-addons-elements-archives-ultimate-addons\/\">Ultimate Addons Elements<\/a> \u00bb <strong class=\"breadcrumb_last\">Video Element<\/strong><\/p>\n<\/div>\n<\/header>\n<div class=\"entry-content bsf-entry-content\">\n<p>Video element uses an innovative optimization technique. It provides a smart way for embedding YouTube, Vimeo videos to your page without sacrificing page speed.<\/p>\n<p>Following key features makes the element unique \u2013<\/p>\n<ul>\n<li><strong>Loading Time Optimization<\/strong> \u2013 element embeds the thumbnail image of the YouTube\/ Vimeo video instead of the actual video.<\/li>\n<li><strong>Custom Thumbnail Image<\/strong> \u2013 Set a nice thumbnail image for video with overlay color.<\/li>\n<li><strong>Play Button Customizations<\/strong> ( Supports Image, Icon ) \u2013 Set icon or image as a play button with hover animations.<\/li>\n<\/ul>\n<p>Here is a comparison between page speed \u2013 Embedding video with Traditional way vs Embedding video with Video element.<\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5794 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision.png\" alt=\"\" width=\"1655\" height=\"847\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision-300x154.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision-1024x524.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision-768x393.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-comparision-1536x786.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a><\/p>\n<p>Make sure to activate the Video Element from dashboard settings. From the dashboard navigate to <strong>Ultimate &gt; Modules<\/strong> and turn on the toggle for <strong>Video<\/strong><\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5795 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option.png\" alt=\"\" width=\"1655\" height=\"847\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option-300x154.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option-1024x524.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option-768x393.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-module-option-1536x786.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a>The element allows embedding video from YouTube and Vimeo.<\/p>\n<h3><strong>Video Options For YouTube video<\/strong><\/h3>\n<ul>\n<li>Autoplay: Video will play automatically on the page load.<\/li>\n<li>Suggested Videos: After the video you\u2019re watching ends, the player window shows a grid of \u201csuggested videos.\u201d These video suggestions are chosen automatically from YouTube\u2019s public video list.<br \/>\n\u2013 If set to hide \u2013 the player will display related videos from the same channel as the video that was just played.<br \/>\n\u2013 If set to show \u2013 the player will display the related videos from the random channels.<\/li>\n<li>Player Control: Choose whether to display controls like play, pause, volume controls, full screen and more.<\/li>\n<li>Mute: Allows muting the video.<\/li>\n<li>Modest Branding: Prevent the YouTube logo from displaying in the control bar.<\/li>\n<li>Privacy Mode: This prevents YouTube to store the visitor\u2019s information on your website unless they play the video.<\/li>\n<\/ul>\n<h3><strong><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5796 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video.png\" alt=\"\" width=\"1655\" height=\"841\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video-300x152.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video-1024x520.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video-768x390.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-youtube-video-1536x781.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a><\/strong><\/h3>\n<h3><strong>Video Options For Vimeo video<\/strong><\/h3>\n<ul>\n<li>Autoplay: Video will play automatically on the page load.<\/li>\n<li>Loop: Choose a video to play continuously in a loop. The video will automatically start again after reaching the end.<\/li>\n<li>Intro Title: Displays title of the video.<\/li>\n<li>Intro Portrait: Displays the author\u2019s profile image.<\/li>\n<li>Intro Byline: Displays the author\u2019s name of the video.<\/li>\n<li>Controls Color: Set color for the video player controls.<\/li>\n<\/ul>\n<h3><strong><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-5797 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options.png\" alt=\"\" width=\"1655\" height=\"841\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options.png 1655w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options-300x152.png 300w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options-1024x520.png 1024w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options-768x390.png 768w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/vimeo-video-options-1536x781.png 1536w\" sizes=\"auto, (max-width: 1655px) 100vw, 1655px\" \/><\/a><\/strong><\/h3>\n<h3><strong>Set specific play time for video<\/strong><\/h3>\n<p>The element allows entering \u2013<\/p>\n<ul>\n<li><strong>Start<\/strong> and <strong>End<\/strong> time for <strong>YouTube<\/strong> video<\/li>\n<li><strong>Start<\/strong> time for <strong>Vimeo<\/strong> video<\/li>\n<\/ul>\n<p>When a user clicks to play the video, it will start playing from the defined start time and will stop at the defined end time.<\/p>\n<p><strong><a href=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-time.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5798 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-time.png\" alt=\"\" width=\"707\" height=\"678\" srcset=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-time.png 707w, https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2020\/06\/uavc-video-time-300x288.png 300w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/a><\/strong><\/p>\n<p><strong>Note:<\/strong><\/p>\n<p>1. To embed videos, enter a full link for the video.<br \/>\nFor example,<\/p>\n<p><strong>For YouTube video<\/strong> \u2013<br \/>\n\u2714\ufe0f Valid link: https:\/\/www.youtube.com\/watch?v=aqz-KE-bpKQ&amp;t=3s<br \/>\n\u2716\ufe0f Invalid link: https:\/\/youtu.be\/aqz-KE-bpKQ<\/p>\n<p><strong>For Vimeo vide<\/strong>o \u2013<br \/>\n\u2714\ufe0f Valid Link: https:\/\/vimeo.com\/274860274<br \/>\n\u2716\ufe0f Invalid Link: https:\/\/vimeo.com\/channels\/staffpicks\/274860274<\/p>\n<p><strong>Related Documents:<\/strong><\/p>\n<p><a href=\"https:\/\/the7kennisbank.nl\/uncategorized\/how-to-set-thumbnail-image-for-video-ultimate-addons-for-wpbakery-page-builder\/\">How to Set Thumbnail Image for Video?<\/a><br \/>\n<a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/knowledgebase\/how-to-style-play-button-ultimate-addons\/\">How to Style Play Button?<\/a><br \/>\n<a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/knowledgebase\/how-to-display-youtube-subscribe-bar-for-video-ultimate-addons\/\">How to Display YouTube Subscribe Bar for Video?<\/a><br \/>\n<a href=\"https:\/\/the7kennisbank.nl\/ultimate-add-ons\/knowledgebase\/how-to-find-youtube-channel-name-and-channel-id-ultimate-addons\/\">How to Find YouTube Channel Name and Channel ID?<\/a><\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Video Element Docs \u00bb Ultimate Addons Elements \u00bb Video Element Video element uses an innovative optimization technique. It provides a smart way for embedding YouTube, Vimeo videos to your page without sacrificing page speed. Following key features makes the element unique \u2013 Loading Time Optimization \u2013 element embeds the thumbnail image of the YouTube\/&hellip;<\/p>\n","protected":false},"author":2,"featured_media":5701,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[41,48],"tags":[],"class_list":["post-5551","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ultimate-add-ons","category-videos-ultimate-add-ons","category-41","category-48","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=5551"}],"version-history":[{"count":12,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5551\/revisions"}],"predecessor-version":[{"id":5808,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/5551\/revisions\/5808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/5701"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=5551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=5551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=5551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}