4-Column Video Carousel (Image Arrows)<\/title>\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gothic+A1:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root{\r\n \/* Change this ONE value to control the full height *\/\r\n --slide-h: 506px;\r\n --radius: 25px;\r\n --border: rgb(27, 49, 83);\r\n --gap: 16px;\r\n }\r\n\r\n body { margin: 0; padding: 0; }\r\n\r\n \/* 4 equal columns (25% each) *\/\r\n .keen-slider {\r\n display: flex;\r\n gap: var(--gap);\r\n overflow: visible;\r\n position: relative;\r\n touch-action: pan-y;\r\n user-select: none;\r\n opacity: 1;\r\n cursor: pointer;\r\n padding-bottom: 0;\r\n }\r\n\r\n .keen-slider__slide {\r\n flex: 0 0 calc(25% - 12px) !important; \/* 4 columns with gap *\/\r\n max-width: calc(25% - 12px) !important;\r\n position: relative;\r\n flex-shrink: 0;\r\n display: flex;\r\n flex-direction: column;\r\n height: var(--slide-h) !important; \r\n margin-top: 0 !important;\r\n }\r\n\r\n \/* Card wrapper *\/\r\n .card {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: var(--radius);\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Video card *\/\r\n .card.is-video {\r\n border: 2px solid var(--border);\r\n background: #000;\r\n }\r\n .card.is-video video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Text Card Styling *\/\r\n .card.is-text {\r\n background: transparent;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n padding: 20px;\r\n }\r\n\r\n \/* \u2705 NEW: Image Arrow Styling *\/\r\n .arrow-indicator {\r\n width: 60px; \/* Adjust size as needed *\/\r\n height: auto;\r\n margin: 15px 0; \/* Spacing between text and arrow *\/\r\n display: block;\r\n }\r\n\r\n \/* Description Text Styling *\/\r\n .video-desc {\r\n font-family: \"Gothic A1\", sans-serif;\r\n font-size: 18px;\r\n color: black;\r\n line-height: 1.4;\r\n font-weight: 400;\r\n text-align: center; \r\n }\r\n\r\n \/* Mute button only on active slide *\/\r\n .keen-slider__slide .vw-mute-button-shoppable { display: none !important; }\r\n .keen-slider__slide[aria-current=\"true\"] .vw-mute-button-shoppable {\r\n display: flex !important;\r\n pointer-events: all !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* SVG Icon Styling (Mute\/Unmute) *\/\r\n .icon-svg {\r\n width: 20px;\r\n height: 20px;\r\n fill: white;\r\n }\r\n \r\n .keen-slider__slide > div[style*=\"linear-gradient\"] { display: none !important; }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"keen-slider\" role=\"region\" aria-label=\"Carousel\">\r\n \r\n <div aria-label=\"Description 1\" id=\"slide-0\" class=\"keen-slider__slide\">\r\n <div class=\"card is-text\">\r\n <div class=\"video-desc\">\r\n Looking for job in Singapore\u2013 Reliable & Resourceful\r\n <\/div>\r\n <img decoding=\"async\" \r\n src=\"https:\/\/businessedge.asia\/wp-content\/uploads\/2025\/12\/arrow-right.png\" \r\n alt=\"Arrow Right\" \r\n class=\"arrow-indicator\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n <div aria-label=\"Video 1\" id=\"slide-1\" class=\"keen-slider__slide\">\r\n <div class=\"card is-video\">\r\n <video\r\n src=\"https:\/\/businessedge.asia\/wp-content\/uploads\/2025\/12\/BE-recruitment-1-1.mp4\"\r\n autoplay muted loop playsinline preload=\"auto\" crossorigin=\"anonymous\" disablepictureinpicture\r\n ><\/video>\r\n <button class=\"vw-mute-button-shoppable\" style=\"width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 15px; right: 15px; z-index: 10; border-radius: 50%; cursor: pointer; display: none; opacity: 1; pointer-events: none; transition: opacity 0.2s; justify-content: center; align-items: center; border: none; padding: 0;\" tabindex=\"-1\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73 4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div aria-label=\"Video 2\" id=\"slide-2\" class=\"keen-slider__slide\">\r\n <div class=\"card is-video\">\r\n <video\r\n src=\"https:\/\/businessedge.asia\/wp-content\/uploads\/2025\/12\/BE-Video.-This-is-BE.-21-March-2025-1-1.mp4\"\r\n autoplay muted loop playsinline preload=\"auto\" crossorigin=\"anonymous\" disablepictureinpicture\r\n ><\/video>\r\n <button class=\"vw-mute-button-shoppable\" style=\"width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 15px; right: 15px; z-index: 10; border-radius: 50%; cursor: pointer; display: none; opacity: 1; pointer-events: none; transition: opacity 0.2s; justify-content: center; align-items: center; border: none; padding: 0;\" tabindex=\"-1\">\r\n <svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73 4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div aria-label=\"Description 2\" id=\"slide-3\" class=\"keen-slider__slide\">\r\n <div class=\"card is-text\">\r\n <img decoding=\"async\" \r\n src=\"https:\/\/businessedge.asia\/wp-content\/uploads\/2025\/12\/arrow-left-upper.png\" \r\n alt=\"Arrow Left\" \r\n class=\"arrow-indicator\"\r\n \/>\r\n <div class=\"video-desc\">\r\n This is Business Edge\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \/\/ SVG Icons for Mute Button\r\n const iconMuted = `<svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73 4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/><\/svg>`;\r\n const iconUnmuted = `<svg class=\"icon-svg\" viewBox=\"0 0 24 24\"><path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/><\/svg>`;\r\n\r\n let currentIndex = 1; \/\/ Default to first video (index 1)\r\n let slides = [];\r\n\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n slides = Array.from(document.querySelectorAll(\".keen-slider__slide\"));\r\n if (!slides.length) return;\r\n\r\n updateActiveSlide();\r\n\r\n document.querySelector(\".keen-slider\").addEventListener(\"click\", function (e) {\r\n const muteBtn = e.target.closest(\".vw-mute-button-shoppable\");\r\n if (muteBtn) {\r\n e.stopPropagation();\r\n const slide = muteBtn.closest(\".keen-slider__slide\");\r\n const video = slide.querySelector(\"video\");\r\n if (video) {\r\n video.muted = !video.muted;\r\n muteBtn.innerHTML = video.muted ? iconMuted : iconUnmuted;\r\n muteBtn.setAttribute(\"aria-label\", video.muted ? \"Unmute video\" : \"Mute video\");\r\n }\r\n return;\r\n }\r\n\r\n const clickedSlide = e.target.closest(\".keen-slider__slide\");\r\n if (!clickedSlide) return;\r\n\r\n const clickedIndex = slides.indexOf(clickedSlide);\r\n if (clickedIndex === -1 || clickedIndex === currentIndex) return;\r\n\r\n currentIndex = clickedIndex;\r\n updateActiveSlide();\r\n });\r\n\r\n document.addEventListener(\"keydown\", function (e) {\r\n if (e.key === \"ArrowLeft\") {\r\n currentIndex = Math.max(0, currentIndex - 1);\r\n updateActiveSlide();\r\n } else if (e.key === \"ArrowRight\") {\r\n currentIndex = Math.min(slides.length - 1, currentIndex + 1);\r\n updateActiveSlide();\r\n }\r\n });\r\n });\r\n\r\n function updateActiveSlide() {\r\n slides.forEach((slide, index) => {\r\n const video = slide.querySelector(\"video\");\r\n const muteBtn = slide.querySelector(\".vw-mute-button-shoppable\");\r\n\r\n if (index === currentIndex) {\r\n slide.setAttribute(\"aria-current\", \"true\");\r\n if (muteBtn) {\r\n muteBtn.innerHTML = iconMuted;\r\n muteBtn.setAttribute(\"aria-label\", \"Unmute video\");\r\n }\r\n if (video) {\r\n video.muted = true;\r\n const p = video.play();\r\n if (p && p.catch) p.catch(() => {});\r\n }\r\n } else {\r\n slide.removeAttribute(\"aria-current\");\r\n if (video) {\r\n video.pause();\r\n video.currentTime = 0;\r\n }\r\n }\r\n });\r\n }\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our team go above and beyond to deliver an amazing experience. 4-Column Video Carousel (Image Arrows) Looking for job in Singapore\u2013 Reliable & Resourceful This is Business Edge<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2901","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Video Option 2 - Business Edge<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Option 2 - Business Edge\" \/>\n<meta property=\"og:description\" content=\"Our team go above and beyond to deliver an amazing experience. 4-Column Video Carousel (Image Arrows) Looking for job in Singapore\u2013 Reliable & Resourceful This is Business Edge\" \/>\n<meta property=\"og:url\" content=\"https:\/\/businessedge.asia\/zh\/video-option-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Business Edge\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-23T10:30:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mistyrose-swallow-550005.hostingersite.com\/wp-content\/uploads\/2025\/12\/arrow-right.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/\",\"url\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/\",\"name\":\"Video Option 2 - Business Edge\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mistyrose-swallow-550005.hostingersite.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/arrow-right.png\",\"datePublished\":\"2025-12-23T10:17:10+00:00\",\"dateModified\":\"2025-12-23T10:30:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mistyrose-swallow-550005.hostingersite.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/arrow-right.png\",\"contentUrl\":\"https:\\\/\\\/mistyrose-swallow-550005.hostingersite.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/arrow-right.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/video-option-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/businessedge.asia\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video Option 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#website\",\"url\":\"https:\\\/\\\/businessedge.asia\\\/\",\"name\":\"Business Edge\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/businessedge.asia\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#organization\",\"name\":\"Business Edge\",\"url\":\"https:\\\/\\\/businessedge.asia\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/businessedge.asia\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Bangkok-Thailand.png\",\"contentUrl\":\"https:\\\/\\\/businessedge.asia\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/Bangkok-Thailand.png\",\"width\":500,\"height\":500,\"caption\":\"Business Edge\"},\"image\":{\"@id\":\"https:\\\/\\\/businessedge.asia\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Video Option 2 - Business Edge","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"zh_CN","og_type":"article","og_title":"Video Option 2 - Business Edge","og_description":"Our team go above and beyond to deliver an amazing experience. 4-Column Video Carousel (Image Arrows) Looking for job in Singapore\u2013 Reliable & Resourceful This is Business Edge","og_url":"https:\/\/businessedge.asia\/zh\/video-option-2\/","og_site_name":"Business Edge","article_modified_time":"2025-12-23T10:30:28+00:00","og_image":[{"url":"https:\/\/mistyrose-swallow-550005.hostingersite.com\/wp-content\/uploads\/2025\/12\/arrow-right.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/businessedge.asia\/video-option-2\/","url":"https:\/\/businessedge.asia\/video-option-2\/","name":"Video Option 2 - Business Edge","isPartOf":{"@id":"https:\/\/businessedge.asia\/#website"},"primaryImageOfPage":{"@id":"https:\/\/businessedge.asia\/video-option-2\/#primaryimage"},"image":{"@id":"https:\/\/businessedge.asia\/video-option-2\/#primaryimage"},"thumbnailUrl":"https:\/\/mistyrose-swallow-550005.hostingersite.com\/wp-content\/uploads\/2025\/12\/arrow-right.png","datePublished":"2025-12-23T10:17:10+00:00","dateModified":"2025-12-23T10:30:28+00:00","breadcrumb":{"@id":"https:\/\/businessedge.asia\/video-option-2\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/businessedge.asia\/video-option-2\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/businessedge.asia\/video-option-2\/#primaryimage","url":"https:\/\/mistyrose-swallow-550005.hostingersite.com\/wp-content\/uploads\/2025\/12\/arrow-right.png","contentUrl":"https:\/\/mistyrose-swallow-550005.hostingersite.com\/wp-content\/uploads\/2025\/12\/arrow-right.png"},{"@type":"BreadcrumbList","@id":"https:\/\/businessedge.asia\/video-option-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/businessedge.asia\/"},{"@type":"ListItem","position":2,"name":"Video Option 2"}]},{"@type":"WebSite","@id":"https:\/\/businessedge.asia\/#website","url":"https:\/\/businessedge.asia\/","name":"Business Edge","description":"","publisher":{"@id":"https:\/\/businessedge.asia\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/businessedge.asia\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/businessedge.asia\/#organization","name":"Business Edge","url":"https:\/\/businessedge.asia\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/businessedge.asia\/#\/schema\/logo\/image\/","url":"https:\/\/businessedge.asia\/wp-content\/uploads\/2026\/01\/Bangkok-Thailand.png","contentUrl":"https:\/\/businessedge.asia\/wp-content\/uploads\/2026\/01\/Bangkok-Thailand.png","width":500,"height":500,"caption":"Business Edge"},"image":{"@id":"https:\/\/businessedge.asia\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/pages\/2901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/comments?post=2901"}],"version-history":[{"count":10,"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/pages\/2901\/revisions"}],"predecessor-version":[{"id":2914,"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/pages\/2901\/revisions\/2914"}],"wp:attachment":[{"href":"https:\/\/businessedge.asia\/zh\/wp-json\/wp\/v2\/media?parent=2901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}