{"id":799,"date":"2020-09-04T12:48:13","date_gmt":"2020-09-04T12:48:13","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=799"},"modified":"2021-05-10T08:39:38","modified_gmt":"2021-05-10T08:39:38","slug":"responsive-video-widget","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/responsive-video-widget\/","title":{"rendered":"Responsive video widget"},"content":{"rendered":"<div id=\"pl-799\"  class=\"panel-layout\" ><div id=\"pg-799-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-799-0\" data-stretch-type=\"full\" ><div id=\"pgc-799-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><div id=\"pgc-799-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div id=\"panel-799-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:0px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tResponsive video widget\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-799-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">With the Responsive Video Widget you can embed any video from Youtube or Vimeo by pasting its URL into the empty field.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><div id=\"pgc-799-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><\/div><\/div><\/div><div id=\"pg-799-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-799-1\" data-stretch-type=\"full\" ><div id=\"pgc-799-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-799-1-0\" ><div id=\"panel-799-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\tHow to use\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-799-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Paste a link from Youtube or Vimeo<br \/>\n<\/strong>Enter the URL of the video here.<\/li>\n<li><strong>Video style <\/strong>(Dentalia 2.0+)<br \/>\nYou can add a <strong>frame<\/strong> or <strong>shadow<\/strong> to the video.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-799-1-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-799-1-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tLightbox options\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-799-1-0-4\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li>You can check to <strong>Open the video in a lightbox.<\/strong><\/li>\n<li>A<strong> Video image<\/strong> is required for the widget to display correctly.<\/li>\n<li>You can include a <strong>Play icon<\/strong> and set its <strong>color<\/strong> and <strong>style<\/strong>.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-799-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-799-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-video-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-video-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"482\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-video-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-799-2\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-799-2\" data-stretch-type=\"full\" ><div id=\"pgc-799-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-799-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample A (default)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-799-2-0-1\" class=\"so-panel widget widget_orion_responsive_video_w panel-last-child\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-2-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_responsive_video_w so-widget-orion_responsive_video_w-base\"\n\t\t\t\n\t\t>\t\t\t\t\t\t<div class=\"video embed-responsive embed-responsive-16by9\">\r\n\t\t\t\t<iframe title=\"Getting Started with Page Builder\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/VxFerlEEx7U?list=PL3AQyOCiy4KSDjAjEEox3F-yTatToawc4\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\t\t\t<\/div>\r\n\t\t\t<\/div><\/div><\/div><\/div><div id=\"pgc-799-2-1\"  class=\"panel-grid-cell\" ><div id=\"panel-799-2-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-799-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExample B (lightbox)\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-799-2-1-1\" class=\"so-panel widget widget_orion_responsive_video_w panel-last-child\" data-index=\"11\" ><div class=\"orion clear default panel-widget-style panel-widget-style-for-799-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_responsive_video_w so-widget-orion_responsive_video_w-base\"\n\t\t\t\n\t\t>\t\t\t<a rel=\"v_6ac1904b7e873\" data-fancybox=\"v_6ac1904b7e873\" class=\"swipebox-video swipebox relative img-frame shadow-4\" href=\"https:\/\/www.youtube.com\/watch?v=VxFerlEEx7U&#038;feature=youtu.be&#038;list=PL3AQyOCiy4KSDjAjEEox3F-yTatToawc4\">\r\n\t\t\t\t\t<img src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-content-1140x750-dental-checkup.jpg\" alt=\"Play video\"\/>\r\n\t\t\t\t\t\t\t<div class=\"play-icon absolute text-light play_style_2\">\r\n\t\t\t\t\t\t\t\t\t<i class=\"orionicon orionicon-play\" aria-hidden=\"true\"><\/i>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/a>\r\n\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>With the Responsive Video Widget you can embed any video from Youtube or Vimeo by pasting its URL into the empty field. Paste a link from Youtube or Vimeo Enter the URL of the video here. Video style (Dentalia 2.0+) You can add a frame or shadow to the video. You can check to Open<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/799"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=799"}],"version-history":[{"count":15,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/799\/revisions"}],"predecessor-version":[{"id":3276,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/799\/revisions\/3276"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}