{"id":2178,"date":"2024-05-13T01:56:32","date_gmt":"2024-05-13T01:56:32","guid":{"rendered":"https:\/\/skyrocket.ph\/careers\/?page_id=2178"},"modified":"2026-09-07T01:27:17","modified_gmt":"2026-09-07T01:27:17","slug":"sr-careers","status":"publish","type":"page","link":"https:\/\/skyrocket.ph\/careers\/","title":{"rendered":"SR-Careers"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Digital Marketing Careers at Skyrocket Studios<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tSkyrocket Studios offers dynamic digital marketing careers for creative thinkers, data-driven strategists, and innovative problem solvers.
\nIf you are looking for fulfilling digital marketing jobs where you can grow your skills and make a real impact, you are in the right place.<\/span>\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
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Why Build Your Marketing Career With Us?<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tBuilding your marketing career at Skyrocket Studios means joining a forward-thinking agency that prioritizes innovation, flexibility, and tangible client success. We empower our team to take ownership of their craft while providing the support needed to thrive in a fast-paced digital landscape.<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/rect><\/use><\/pattern><\/image><\/defs><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

A Collaborative Agency Culture<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Our collaborative agency culture ensures that every voice is heard, from entry-level marketers to senior strategists. We foster an open, inclusive environment where creative and technical teams work side-by-side to deliver award-winning digital marketing campaigns.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t<\/rect><\/use><\/pattern><\/image><\/defs><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Continuous Growth and Development<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We invest in continuous growth and development to keep our team at the forefront of the ever-evolving marketing industry. Whether you want to expand your technical SEO expertise, master paid media, or lead client strategy, we provide the mentorship and resources you need to advance your careers in marketing.<\/p>\t\t\t\t\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

What Digital Marketing Jobs Do We Hire For?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tWe hire for a variety of digital marketing jobs across multiple specialized departments, including SEO, Content Creation, Paid Media, and Account Management. While our specific open roles fluctuate based on agency needs, we are currently looking to add top-tier talent to our roster for these positions:<\/span>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Job Listings<\/title>\r\n <style>\r\n .job-info {\r\n margin: 10px 0;\r\n }\r\n .job-title {\r\n font-weight: bold;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div id=\"job-departments\"><\/div>\r\n\r\n <table id=\"jobs_table\" class=\"menu_table\">\r\n <tbody>\r\n <tr>\r\n <th class=\"resumator_th_position\">Position<\/th>\r\n <th class=\"resumator_th_location\" width=\"35%\">Location<\/th>\r\n <\/tr>\r\n <!-- Example Job Rows (Repeat these in your actual table) -->\r\n <tr id=\"row_job_20240307155023_3P8SSAR4TKRRSWV2\" class=\"resumator_even_row\">\r\n <td>\r\n <a class=\"job_title_link\" href=\"\/apply\/jobs\/details\/J0AukcQlwT?&\">3D Multimedia Artist<\/a>\r\n <br \/><span class=\"resumator_department\">Creatives - Art<\/span>\r\n <\/td>\r\n <td>Remote<\/td>\r\n <\/tr>\r\n <tr id=\"row_job_20240118054023_FEOYM9IL0TR8NIAB\" class=\"resumator_odd_row\">\r\n <td>\r\n <a class=\"job_title_link\" href=\"\/apply\/jobs\/details\/hTQJJ7Yrqx?&\">Account Executive \/ Relationship Manager<\/a>\r\n <br \/><span class=\"resumator_department\">Client Relations<\/span>\r\n <\/td>\r\n <td>Remote<\/td>\r\n <\/tr>\r\n <!-- Add more job rows as needed -->\r\n <\/tbody>\r\n <\/table>\r\n\r\n <script>\r\n \/\/ Function to extract job information\r\n function extractJobInfo() {\r\n \/\/ Select all job rows using the class names given\r\n const jobRows = document.querySelectorAll('tr[id^=\"row_job_\"]');\r\n const jobInfo = [];\r\n\r\n \/\/ Iterate through each job row\r\n jobRows.forEach(row => {\r\n \/\/ Extract the job title\r\n const jobTitleElement = row.querySelector('.job_title_link');\r\n const jobTitle = jobTitleElement ? jobTitleElement.textContent : 'N\/A';\r\n\r\n \/\/ Extract the department\r\n const departmentElement = row.querySelector('.resumator_department');\r\n const department = departmentElement ? departmentElement.textContent : 'N\/A';\r\n\r\n \/\/ Extract the location\r\n const locationElement = row.querySelectorAll('td')[1];\r\n const location = locationElement ? locationElement.textContent.trim() : 'N\/A';\r\n\r\n \/\/ Store the extracted information\r\n jobInfo.push({ title: jobTitle, department: department, location: location });\r\n });\r\n\r\n return jobInfo;\r\n }\r\n\r\n \/\/ Function to display the department information\r\n function displayDepartments() {\r\n const jobs = extractJobInfo();\r\n const jobDepartmentsDiv = document.getElementById('job-departments');\r\n\r\n jobs.forEach(job => {\r\n const jobInfoDiv = document.createElement('div');\r\n jobInfoDiv.classList.add('job-info');\r\n\r\n const jobTitleDiv = document.createElement('div');\r\n jobTitleDiv.classList.add('job-title');\r\n jobTitleDiv.textContent = job.title;\r\n\r\n const jobDepartmentDiv = document.createElement('div');\r\n jobDepartmentDiv.textContent = `Department: ${job.department}`;\r\n\r\n const jobLocationDiv = document.createElement('div');\r\n jobLocationDiv.textContent = `Location: ${job.location}`;\r\n\r\n jobInfoDiv.appendChild(jobTitleDiv);\r\n jobInfoDiv.appendChild(jobDepartmentDiv);\r\n jobInfoDiv.appendChild(jobLocationDiv);\r\n\r\n jobDepartmentsDiv.appendChild(jobInfoDiv);\r\n });\r\n }\r\n\r\n \/\/ Call the function to display departments when the page loads\r\n window.onload = displayDepartments;\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-432502c elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"432502c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe name=\"resumator-job-frame\" id=\"resumator-job-frame\" class=\"resumator-advanced-widget\" src=\"\/\/skyrocketstudios.applytojob.com\/apply\/jobs\/\" width=\"100%\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\"><\/iframe><script>function resizeResumatorIframe(height,nojump){if(nojump== 0){window.scrollTo(0,0);}document.getElementById(\"resumator-job-frame\").height = parseInt(height)+20;}<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a3832a2 elementor-widget elementor-widget-html\" data-id=\"a3832a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"text\/javascript\" src=\"https:\/\/app.jazz.co\/widgets\/basic\/create\/skyrocketstudios\" charset=\"utf-8\"><\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a5eff0 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8a5eff0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9339ecb e-flex e-con-boxed e-con e-parent\" data-id=\"9339ecb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4f5d02 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e4f5d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-8eb446d e-con-full e-flex e-con e-child\" data-id=\"8eb446d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-0109e7e e-con-full e-flex e-con e-child\" data-id=\"0109e7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-090caf9 elementor-widget elementor-widget-heading\" data-id=\"090caf9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Apply Now at Skyrocket Studios<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa1fccc elementor-widget elementor-widget-heading\" data-id=\"fa1fccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Simply prepare your updated resume and portfolio, and submit your application through our direct contact form or send your application to <a href=\"mailto:recruitment@skyrocket.ph\" class=\"highlight\">recruitment@skyrocket.ph<\/a>. Our recruitment team reviews all submissions carefully to match candidates with the right opportunities.\n<\/span>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-e079969 e-flex e-con-boxed e-con e-parent\" data-id=\"e079969\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c8dac0 elementor-widget elementor-widget-heading\" data-id=\"0c8dac0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"> Join the Team<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-69e6c79 e-flex e-con-boxed e-con e-child\" data-id=\"69e6c79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ec02f9d e-con-full e-flex e-con e-child\" data-id=\"ec02f9d\" data-element_type=\"container\" data-e-type=\"container\" id=\"video-one\">\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-d595fc8 e-con-full e-flex e-con e-child\" data-id=\"d595fc8\" data-element_type=\"container\" data-e-type=\"container\" id=\"video-two\">\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-26360a8 e-con-full e-flex e-con e-child\" data-id=\"26360a8\" data-element_type=\"container\" data-e-type=\"container\" id=\"video-three\">\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 class=\"elementor-element elementor-element-b415b0a elementor-widget elementor-widget-html\" data-id=\"b415b0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div><\/div>\r\n<style>\r\n #video-one,\r\n #video-two,\r\n #video-three,\r\n .custom-video-container {\r\n position: relative !important;\r\n width: 100% !important;\r\n aspect-ratio: 9 \/ 16 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n overflow: hidden !important;\r\n border-radius: 12px;\r\n background-color: #000;\r\n }\r\n\r\n @media (min-width: 769px) {\r\n .custom-video-container {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .custom-video-element {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: cover !important;\r\n display: block !important;\r\n }\r\n\r\n .video-carousel-shell {\r\n position: relative !important;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .e-con-inner {\r\n display: flex !important;\r\n flex-wrap: nowrap !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scroll-padding-left: 20px !important;\r\n gap: 14px !important;\r\n padding: 0 20px 8px !important;\r\n }\r\n\r\n .e-con-inner::-webkit-scrollbar { display: none !important; }\r\n .e-con-inner { scrollbar-width: none !important; }\r\n\r\n #video-one,\r\n #video-two,\r\n #video-three,\r\n .custom-video-container {\r\n flex: 0 0 auto !important;\r\n width: auto !important;\r\n height: 58vh !important;\r\n max-height: 480px !important;\r\n aspect-ratio: 9 \/ 16 !important;\r\n scroll-snap-align: center !important;\r\n }\r\n\r\n .video-arrow,\r\n .video-dots {\r\n display: flex !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) and (max-height: 600px) {\r\n #video-one,\r\n #video-two,\r\n #video-three,\r\n .custom-video-container {\r\n height: 48vh !important;\r\n }\r\n }\r\n .video-arrow {\r\n display: none;\r\n position: absolute !important;\r\n top: 50% !important;\r\n transform: translateY(-50%) !important;\r\n z-index: 5 !important;\r\n width: 36px !important;\r\n height: 36px !important;\r\n border: none !important;\r\n background-color: #80532A !important;\r\n border-radius: 50% !important;\r\n padding: 8px !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n cursor: pointer !important;\r\n }\r\n .video-arrow img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n object-fit: contain !important;\r\n display: block !important;\r\n }\r\n .video-arrow-left { left: 8px !important; }\r\n .video-arrow-right { right: 8px !important; }\r\n .video-arrow.is-disabled { opacity: 0.35 !important; pointer-events: none !important; }\r\n\r\n .video-dots {\r\n display: none;\r\n justify-content: center !important;\r\n gap: 7px !important;\r\n margin-top: 14px !important;\r\n }\r\n .video-dot {\r\n width: 7px !important;\r\n height: 7px !important;\r\n border-radius: 999px !important;\r\n background: #9C7048 !important;\r\n opacity: 0.4 !important;\r\n border: none !important;\r\n padding: 0 !important;\r\n cursor: pointer !important;\r\n transition: width 0.25s ease, opacity 0.25s ease, background 0.25s ease !important;\r\n }\r\n .video-dot.is-active {\r\n width: 22px !important;\r\n opacity: 1 !important;\r\n background: #AD652E !important;\r\n }\r\n<\/style>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const videoData = [\r\n { id: \"video-one\", src: \"https:\/\/skyrocket.ph\/careers\/wp-content\/uploads\/2026\/09\/1.mp4\" },\r\n { id: \"video-two\", src: \"https:\/\/skyrocket.ph\/careers\/wp-content\/uploads\/2026\/09\/2.mp4\" },\r\n { id: \"video-three\", src: \"https:\/\/skyrocket.ph\/careers\/wp-content\/uploads\/2026\/09\/3.mp4\" }\r\n ];\r\n\r\n const ARROW_LEFT_SRC = \"https:\/\/skyrocket.ph\/careers\/wp-content\/uploads\/2026\/09\/arrow-left.svg\";\r\n const ARROW_RIGHT_SRC = \"https:\/\/skyrocket.ph\/careers\/wp-content\/uploads\/2026\/09\/arrow-right.svg\";\r\n\r\n const videoElements = [];\r\n const containerElements = [];\r\n\r\n videoData.forEach(item => {\r\n const container = document.getElementById(item.id);\r\n if (!container) return;\r\n\r\n container.classList.add(\"custom-video-container\");\r\n let video = container.querySelector(\"video\");\r\n\r\n if (!video) {\r\n video = document.createElement(\"video\");\r\n video.className = \"custom-video-element\";\r\n video.src = item.src;\r\n video.playsInline = true;\r\n video.setAttribute(\"playsinline\", \"\");\r\n video.muted = true;\r\n video.setAttribute(\"muted\", \"\");\r\n video.loop = true;\r\n container.appendChild(video);\r\n }\r\n\r\n video.preload = \"auto\";\r\n video.controls = false;\r\n videoElements.push(video);\r\n containerElements.push(container);\r\n });\r\n\r\n if (videoElements.length === 0) return;\r\n\r\n const track = containerElements[0].closest(\".e-con-inner\") || containerElements[0].parentElement;\r\n const mobileQuery = window.matchMedia(\"(max-width: 768px)\");\r\n let activeObserver = null;\r\n let sectionObserver = null;\r\n let mobileActiveIndex = 0;\r\n let sectionOnScreen = false;\r\n\r\n function safePlay(video) {\r\n if (!video.paused) return;\r\n const p = video.play();\r\n if (p !== undefined) {\r\n p.catch(err => {\r\n if (err.name !== \"AbortError\" && err.name !== \"NotAllowedError\") {\r\n console.error(\"Autoplay error:\", err);\r\n }\r\n });\r\n }\r\n }\r\n\r\n function safePause(video) {\r\n if (!video.paused) video.pause();\r\n }\r\n\r\n function pauseAll() { videoElements.forEach(safePause); }\r\n function muteAll() { videoElements.forEach(v => { v.muted = true; }); }\r\n function hideAllControls() { videoElements.forEach(v => { v.controls = false; }); }\r\n\r\n \/\/ ---- DESKTOP: hover = show native controls ----\r\n containerElements.forEach((container, index) => {\r\n const video = videoElements[index];\r\n\r\n container.addEventListener(\"mouseenter\", () => {\r\n if (mobileQuery.matches) return;\r\n video.controls = true;\r\n });\r\n\r\n container.addEventListener(\"mouseleave\", () => {\r\n if (mobileQuery.matches) return;\r\n video.controls = false;\r\n });\r\n });\r\n\r\n function setupDesktop() {\r\n pauseAll();\r\n hideAllControls();\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n videoElements.forEach(safePlay);\r\n } else {\r\n pauseAll();\r\n }\r\n });\r\n },\r\n { threshold: 0.1 }\r\n );\r\n\r\n observer.observe(track);\r\n return observer;\r\n }\r\n\r\n \/\/ ---- MOBILE controls ----\r\n let shell, arrowLeft, arrowRight, dotsWrap, dotEls;\r\n\r\n function buildMobileControls() {\r\n if (shell) return;\r\n\r\n shell = track.parentElement;\r\n if (!shell.classList.contains(\"video-carousel-shell\")) {\r\n shell = document.createElement(\"div\");\r\n shell.className = \"video-carousel-shell\";\r\n track.parentElement.insertBefore(shell, track);\r\n shell.appendChild(track);\r\n }\r\n\r\n arrowLeft = document.createElement(\"button\");\r\n arrowLeft.className = \"video-arrow video-arrow-left\";\r\n arrowLeft.setAttribute(\"aria-label\", \"Previous video\");\r\n arrowLeft.innerHTML = `<img decoding=\"async\" src=\"${ARROW_LEFT_SRC}\" alt=\"\">`;\r\n\r\n arrowRight = document.createElement(\"button\");\r\n arrowRight.className = \"video-arrow video-arrow-right\";\r\n arrowRight.setAttribute(\"aria-label\", \"Next video\");\r\n arrowRight.innerHTML = `<img decoding=\"async\" src=\"${ARROW_RIGHT_SRC}\" alt=\"\">`;\r\n\r\n dotsWrap = document.createElement(\"div\");\r\n dotsWrap.className = \"video-dots\";\r\n dotEls = containerElements.map((container, i) => {\r\n const dot = document.createElement(\"button\");\r\n dot.className = \"video-dot\";\r\n dot.setAttribute(\"aria-label\", `Go to video ${i + 1}`);\r\n dot.addEventListener(\"click\", () => goTo(i));\r\n dotsWrap.appendChild(dot);\r\n return dot;\r\n });\r\n\r\n arrowLeft.addEventListener(\"click\", () => goTo(mobileActiveIndex - 1));\r\n arrowRight.addEventListener(\"click\", () => goTo(mobileActiveIndex + 1));\r\n\r\n shell.appendChild(arrowLeft);\r\n shell.appendChild(arrowRight);\r\n shell.insertAdjacentElement(\"afterend\", dotsWrap);\r\n\r\n containerElements.forEach((container, i) => {\r\n container.addEventListener(\"click\", () => {\r\n if (!mobileQuery.matches) return;\r\n const video = videoElements[i];\r\n if (video.paused) safePlay(video);\r\n else safePause(video);\r\n });\r\n });\r\n }\r\n\r\n function goTo(index) {\r\n const clamped = Math.max(0, Math.min(index, containerElements.length - 1));\r\n containerElements[clamped].scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" });\r\n }\r\n\r\n function updateMobileUI(index) {\r\n dotEls.forEach((d, i) => d.classList.toggle(\"is-active\", i === index));\r\n arrowLeft.classList.toggle(\"is-disabled\", index === 0);\r\n arrowRight.classList.toggle(\"is-disabled\", index === containerElements.length - 1);\r\n }\r\n\r\n function applyMobilePlayback() {\r\n videoElements.forEach((video, i) => {\r\n if (sectionOnScreen && i === mobileActiveIndex) {\r\n video.muted = false;\r\n safePlay(video);\r\n } else {\r\n video.muted = true;\r\n safePause(video);\r\n }\r\n });\r\n }\r\n\r\n function setupMobile() {\r\n buildMobileControls();\r\n pauseAll();\r\n muteAll();\r\n hideAllControls();\r\n mobileActiveIndex = 0;\r\n updateMobileUI(0);\r\n\r\n const slideObserver = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach(entry => {\r\n const index = containerElements.indexOf(entry.target);\r\n if (index === -1) return;\r\n if (entry.isIntersecting) {\r\n mobileActiveIndex = index;\r\n updateMobileUI(index);\r\n applyMobilePlayback();\r\n }\r\n });\r\n },\r\n { root: track, threshold: 0.4 }\r\n );\r\n containerElements.forEach(c => slideObserver.observe(c));\r\n\r\n sectionObserver = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach(entry => {\r\n sectionOnScreen = entry.isIntersecting;\r\n applyMobilePlayback();\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n sectionObserver.observe(shell);\r\n\r\n return slideObserver;\r\n }\r\n\r\n function init() {\r\n if (activeObserver) { activeObserver.disconnect(); activeObserver = null; }\r\n if (sectionObserver) { sectionObserver.disconnect(); sectionObserver = null; }\r\n sectionOnScreen = false;\r\n pauseAll();\r\n hideAllControls();\r\n\r\n activeObserver = mobileQuery.matches ? setupMobile() : setupDesktop();\r\n }\r\n\r\n init();\r\n mobileQuery.addEventListener(\"change\", init);\r\n });\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Marketing Careers at Skyrocket Studios Skyrocket Studios offers dynamic digital marketing careers for creative thinkers, data-driven strategists, and innovative problem solvers. If you are looking for fulfilling digital marketing jobs where you can grow your skills and make a real impact, you are in the right place. Why Build Your Marketing Career With Us? […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/pages\/2178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/comments?post=2178"}],"version-history":[{"count":503,"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/pages\/2178\/revisions"}],"predecessor-version":[{"id":2794,"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/pages\/2178\/revisions\/2794"}],"wp:attachment":[{"href":"https:\/\/skyrocket.ph\/careers\/wp-json\/wp\/v2\/media?parent=2178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}