{"id":30499,"date":"2024-07-24T04:49:22","date_gmt":"2024-07-24T04:49:22","guid":{"rendered":"https:\/\/boi4u.com\/video-playlist-with-custom-background\/"},"modified":"2024-07-24T04:49:22","modified_gmt":"2024-07-24T04:49:22","slug":"video-playlist-with-custom-background","status":"publish","type":"page","link":"https:\/\/boi4u.com\/zh\/video-playlist-with-custom-background\/","title":{"rendered":"Video Playlist with Custom Background"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"30499\" class=\"elementor elementor-30499\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c13cde e-flex e-con-boxed e-con e-parent\" data-id=\"0c13cde\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9a1d2c3 e-con-full e-flex e-con e-child\" data-id=\"9a1d2c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-77dfc7f elementor-widget elementor-widget-heading\" data-id=\"77dfc7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Explore our video collection.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"hf-elementor-layout elementor-element elementor-element-cb44227 elementor-widget elementor-widget-ucaddon_play_list_video_gallery\" data-id=\"cb44227\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"ucaddon_play_list_video_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Video Playlist -->\n\t\t<link id='font-awesome-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='unitegallery-css' href='https:\/\/boi4u.com\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/unitegallery\/css\/unite-gallery.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Video Playlist *\/\n\n#uc_play_list_video_gallery_elementor_cb44227-wrapper{\n  min-height:1px;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227{  \n  margin:0 auto;\n  display: none;\n}\n\n\/* ----- Thumb Wrapper ------- *\/\n#uc_play_list_video_gallery_elementor_cb44227  .ug-thumb-wrapper{\n\tcursor:pointer; \n    text-align:left;\n    transition-duration: all 200ms!important;\n    -webkit-transition: all 200ms!important;\n}\n\n\/* - thumb selected and over - *\/\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-wrapper.ug-thumb-over{\n\tcursor:pointer;\n}\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-wrapper.ug-thumb-selected{\n\tcursor:default;\n}\n\n\/* ----- Thumb Inner data ------- *\/\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-icon{\n\tbackground-position:center center;\n\tbackground-size:cover;\n    flex-grow:0;\n    flex-shrink:0;\n  \t  \t}\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-selected .ug-thumb-icon{\n\tbox-sizing: border-box;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-bottom .ug-thumb-icon,\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-top .ug-thumb-icon{\n\tposition: absolute;\n  \ttop: 0;\n  \tleft: 0;\n  \twidth: 100%;\n  \theight: 100%;\n  \tz-index: -1;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-bottom .ug-thumb-content,\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-top .ug-thumb-content{\n\tposition: absolute;\n  \twidth: 100%;\n  \tbottom: 0;\n  \tleft: 50%;\n  \ttransform: translate(-50%, 0);\n  \ttransition: background-color .3s !important;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-play-button{\n\tdisplay: none;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-bottom .ug-thumb-play-button,\n#uc_play_list_video_gallery_elementor_cb44227.ug-videoskin-top .ug-thumb-play-button{\n  \tdisplay: block;\n\tposition: absolute;\n  \ttop: 50%;\n  \tleft: 50%;\n  \ttransform: translate(-50%, -50%);\n    z-index: 1;\n  \tcursor: pointer;\n  \t display: none;   \t\n}\n\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-inner{\n  display:flex;\n      }\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-title{\n\toverflow:hidden;\n    }\n#uc_play_list_video_gallery_elementor_cb44227 .ug-thumb-desc{\n    }\n\n\n#uc_play_list_video_gallery_elementor_cb44227 .ug-strip-panel{\n\tz-index: 101;\n\tposition: relative;\n}\n\n#uc_play_list_video_gallery_elementor_cb44227 .ug-strip-arrow-custom .ug-strip-arrow-tip{\n  position: static !important;\n}\n\n\n\n\n<\/style>\n\n<div id=\"uc_play_list_video_gallery_elementor_cb44227-wrapper\">\n  <div id=\"uc_play_list_video_gallery_elementor_cb44227\" class=\"\"  data-remote-type=\"gallery\">\n      <div data-type=\"youtube\"\n     data-title=\"Cliff Jumpling\"\n     data-description=\"Experience this thrilling video of cliff jumping. \"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/view-sveti-stefan-from-beach-monenegro-sunset.jpg\"\n     data-videoid=\"sogCtOe8FFY\">\n<\/div>\n\n<div data-type=\"vimeo\"\n     data-title=\"A Film on Space\"\n     data-description=\"Watch this amazing short film on Space and related topics.\"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/space-bg-2-opacity.jpg\"\n     data-videoid=\"146782320\">\n<\/div>\n\n  <div data-type=\"html5video\"\n     data-title=\"Elementor Tips\"\n     data-description=\"Get to know the new and updated widgets for Elementor. \"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/Elementor-Carousel-Blog-Hero.jpg\"\n     data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/Elementor-Carousel-Blog-Hero.jpg\"\n     data-videomp4=\"https:\/\/boi4u.com\/wp-content\/uploads\/2022\/08\/Widget-Creator-for-Elementor-Page-Builder_v240P.webm\">\n  <\/div>\n\n<div data-type=\"youtube\"\n     data-title=\"An Adventure\"\n     data-description=\"Experience this thrilling video of cliff jumping. \"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/starfish-summer-sunny-beach-ocean-background-travel-vacation-concepts_result.jpg\"\n     data-videoid=\"sogCtOe8FFY\">\n<\/div>\n\n  <div data-type=\"html5video\"\n     data-title=\"Elementor Widgets\"\n     data-description=\"Get to know the new and updated widgets for Elementor. \"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/Logo-Carousel-Blog-image-3.jpg\"\n     data-image=\"https:\/\/boi4u.com\/wp-content\/uploads\/Logo-Carousel-Blog-image-3.jpg\"\n     data-videomp4=\"https:\/\/boi4u.com\/wp-content\/uploads\/2022\/08\/Widget-Creator-for-Elementor-Page-Builder_v240P.webm\">\n  <\/div>\n\n<div data-type=\"youtube\"\n     data-title=\"Get to Know Her\"\n     data-description=\"Experience this thrilling video of cliff jumping. \"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/2484_small-Copy-2.jpg\"\n     data-videoid=\"sogCtOe8FFY\">\n<\/div>\n\n<div data-type=\"vimeo\"\n     data-title=\"Space - A Short Film\"\n     data-description=\"Watch this amazing short film on Space and related topics.\"\n     data-thumb=\"https:\/\/boi4u.com\/wp-content\/uploads\/space-bg-2-opacity.jpg\"\n     data-videoid=\"146782320\">\n<\/div>\n\n\n  <\/div>\n<\/div>\n<!-- end Video Playlist -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Pick Your Play , Video Explore our video collection.<\/p>","protected":false},"author":1,"featured_media":30498,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"class_list":["post-30499","page","type-page","status-publish","has-post-thumbnail","hentry","pmpro-has-access","streamit-go-back"],"acf":[],"_links":{"self":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30499","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/comments?post=30499"}],"version-history":[{"count":0,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/pages\/30499\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media\/30498"}],"wp:attachment":[{"href":"https:\/\/boi4u.com\/zh\/wp-json\/wp\/v2\/media?parent=30499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}