Video p\u00e1s \u2013 autoplay, plynul\u00fd fade, mobile OK<\/title>\n <style>\n \/* ===== Responz\u00edvny p\u00e1s cez aspect-ratio ===== *\/\n .video-strip {\n position: relative;\n width: 100%;\n overflow: hidden;\n line-height: 0;\n aspect-ratio: 16 \/ 9; \/* desktop\/tablet *\/\n margin: 0 auto;\n background: #000; \/* aby prechod do \u010diernej nel\u00fapol *\/\n }\n @media (max-width: 768px) {\n .video-strip { aspect-ratio: 16 \/ 10; } \/* mobil o chlp vy\u0161\u0161\u00ed *\/\n }\n\n \/* Video vypln\u00ed p\u00e1s bez deform\u00e1cie *\/\n .video-strip video {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: 50% 50%;\n display: block;\n }\n\n \/* \u010cierna maska pre fade-in\/out *\/\n .fade-mask {\n position: absolute; inset: 0;\n background: #000;\n opacity: 1; \/* \u0161tart v \u010diernej *\/\n transition: opacity 900ms cubic-bezier(.22,.61,.36,1); \/* fade-in (ease-out) *\/\n pointer-events: none;\n will-change: opacity;\n }\n \/* pri fade OUT men\u00edme krivku a d\u013a\u017eku (jemnej\u0161\u00ed v\u00fdbeh) *\/\n .fade-mask.is-fading-out {\n transition-duration: 1100ms;\n transition-timing-function: cubic-bezier(.4,0,.2,1); \/* ease-in *\/\n }\n\n \/* Ve\u013ek\u00e9 play tla\u010didlo \u2013 zobraz\u00ed sa len ak autoplay zlyh\u00e1 *\/\n .play-btn {\n position: absolute; inset: 0;\n display: grid; place-items: center;\n background: radial-gradient(transparent 55%, rgba(0,0,0,.35));\n opacity: 0; visibility: hidden;\n transition: opacity .25s ease;\n pointer-events: none; \/* k\u00fdm ho neaktivujeme *\/\n }\n .play-btn.active {\n opacity: 1; visibility: visible;\n pointer-events: auto;\n }\n .play-btn button {\n appearance: none;\n border: 0;\n border-radius: 999px;\n width: 72px; height: 72px;\n background: rgba(255,255,255,.9);\n display: grid; place-items: center;\n cursor: pointer;\n box-shadow: 0 8px 24px rgba(0,0,0,.35);\n }\n .play-btn button:active { transform: scale(.98); }\n .play-btn svg { width: 28px; height: 28px; fill: #000; }\n\n \/* Reduced motion re\u0161pekt *\/\n @media (prefers-reduced-motion: reduce) {\n .fade-mask { transition: none; }\n .play-btn { transition: none; }\n }\n\n \/* ------- Fallback pre prehliada\u010de bez aspect-ratio ------- *\/\n @supports not (aspect-ratio: 1 \/ 1) {\n .video-strip::before {\n content: \"\"; display: block; padding-top: 56.25%;\n }\n @media (max-width: 768px) {\n .video-strip::before { padding-top: 62.5%; }\n }\n .video-strip > video,\n .video-strip > .fade-mask,\n .video-strip > .play-btn { position: absolute; inset: 0; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"video-strip\" id=\"videoStrip\">\n <video id=\"heroVideo\"\n src=\"http:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Video-reklama-1.mp4\"\n preload=\"auto\"\n autoplay\n muted\n playsinline\n webkit-playsinline>\n V\u00e1\u0161 prehliada\u010d nepodporuje prehr\u00e1vanie vide\u00ed.\n <\/video>\n\n \n <div class=\"fade-mask\" id=\"fadeMask\" aria-hidden=\"true\"><\/div>\n\n \n <div class=\"play-btn\" id=\"playOverlay\" aria-hidden=\"true\">\n <button type=\"button\" aria-label=\"Prehra\u0165 video\">\n \n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M8 5v14l11-7z\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n <\/section>\n\n <script>\n (() => {\n const video = document.getElementById('heroVideo');\n const mask = document.getElementById('fadeMask');\n const overlay = document.getElementById('playOverlay');\n\n \/* Ladiace hodnoty \u2013 dr\u017e v s\u00falade s CSS *\/\n const FADE_IN_MS = 900;\n const FADE_OUT_MS = 1100;\n const HOLD_BLACK_FRAMES = 2;\n const SKIP_AT_START_S = 0.05;\n const SAFETY_EXTRA_S = 0.12;\n const END_OFFSET_S = (FADE_OUT_MS\/1000) + SAFETY_EXTRA_S;\n\n \/* iOS istoty (atrib\u00faty aj properties) *\/\n video.muted = true;\n video.setAttribute('muted','');\n video.setAttribute('playsinline','');\n video.setAttribute('webkit-playsinline','');\n video.setAttribute('autoplay','');\n\n const onNextFrame = (cb) => {\n if ('requestVideoFrameCallback' in HTMLVideoElement.prototype) {\n video.requestVideoFrameCallback(() => cb());\n } else {\n requestAnimationFrame(cb);\n }\n };\n\n const warmReveal = (frames = 3) => {\n let seen = 0, revealWatch;\n const tick = () => {\n if (++seen >= frames) {\n mask.classList.remove('is-fading-out');\n mask.style.opacity = '0';\n clearTimeout(revealWatch);\n revealWatch = setTimeout(() => { mask.style.opacity = '0'; }, 1500); \/\/ poistka\n } else {\n onNextFrame(tick);\n }\n };\n onNextFrame(tick);\n };\n\n const showOverlay = () => overlay.classList.add('active');\n const hideOverlay = () => overlay.classList.remove('active');\n\n \/\/ bezpe\u010dn\u00e9 play s retry; ak zlyh\u00e1, zobraz\u00ed overlay\n const safePlay = (retries = 2, waitMs = 150) =>\n new Promise((resolve, reject) => {\n const attempt = (left) => {\n video.play().then(() => { hideOverlay(); resolve(); })\n .catch(() => {\n if (left > 0) setTimeout(() => attempt(left - 1), waitMs);\n else { showOverlay(); reject(); }\n });\n };\n attempt(retries);\n });\n\n \/\/ Ke\u010f za\u010dne hra\u0165, ur\u010dite zru\u0161 masku aj overlay (poistka pre iOS)\n video.addEventListener('playing', () => {\n hideOverlay();\n mask.classList.remove('is-fading-out');\n mask.style.opacity = '0';\n });\n\n \/\/ Po na\u010d\u00edtan\u00ed metad\u00e1t \u2013 jemn\u00fd skip, spusti\u0165, odhali\u0165 po p\u00e1r sn\u00edmkach\n video.addEventListener('loadedmetadata', () => {\n try { video.currentTime = SKIP_AT_START_S; } catch(e) {}\n safePlay(2, 150).then(() => {\n warmReveal(3);\n }).catch(() => {\n \/\/ autoplay zablokovan\u00fd \u2013 zobraz tla\u010didlo\n showOverlay();\n });\n }, { once: true });\n\n \/\/ Overlay klik \u2013 spustenie po blokovanom autoplay\n overlay.addEventListener('click', () => {\n hideOverlay();\n safePlay(2, 0).then(() => warmReveal(3)).catch(showOverlay);\n });\n\n \/\/ Hladk\u00fd re-loop: fade-out -> pause -> seek -> play -> podr\u017e \u010diernu -> fade-in\n let cycling = false;\n function doFadeOutAndSeek() {\n cycling = true;\n onNextFrame(() => {\n mask.classList.add('is-fading-out');\n mask.style.opacity = '1';\n setTimeout(() => {\n video.pause();\n\n const afterSeek = () => {\n video.removeEventListener('seeked', afterSeek);\n \/\/ niektor\u00e9 iOS nevystrelia canplay po seeku \u2013 rovno try play()\n safePlay(2, 150).then(() => {\n \/\/ kr\u00e1tke podr\u017eanie \u00faplnej \u010diernej, nech seek nikdy nevidno\n let held = 0;\n const holdTick = () => {\n if (++held >= HOLD_BLACK_FRAMES) onNextFrame(() => warmReveal(3));\n else onNextFrame(holdTick);\n };\n onNextFrame(holdTick);\n setTimeout(() => { cycling = false; }, 200);\n }).catch(() => {\n \/\/ \u010dak\u00e1me na klik; po kliknut\u00ed pokra\u010dujeme\n cycling = false;\n });\n };\n\n video.addEventListener('seeked', afterSeek, { once: true });\n try { video.currentTime = SKIP_AT_START_S; } catch(e) {}\n }, FADE_OUT_MS);\n });\n }\n\n video.addEventListener('timeupdate', () => {\n if (!video.duration || cycling) return;\n const remain = video.duration - video.currentTime;\n if (remain <= END_OFFSET_S) doFadeOutAndSeek();\n });\n\n \/\/ Fallback: ak predsa dobehne na 'ended'\n video.addEventListener('ended', () => {\n if (!cycling) doFadeOutAndSeek();\n });\n\n \/\/ Ak sa karta vr\u00e1ti do popredia a video hr\u00e1, nenechaj overlay\/masku visie\u0165\n document.addEventListener('visibilitychange', () => {\n if (document.visibilityState === 'visible' && !video.paused) {\n hideOverlay();\n mask.style.opacity = '0';\n }\n });\n\n \/\/ Robustnos\u0165: ak sa zastav\u00ed bufferingom, sk\u00fas znova pusti\u0165\n ['waiting','stalled','suspend'].forEach(ev => {\n video.addEventListener(ev, () => {\n if (!document.hidden && video.paused) safePlay().catch(() => {});\n });\n });\n })();\n <\/script>\n<\/body>\n<\/html>\n\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>DOPRAJTE SI CHV\u00cd\u013dU RELAXU \u010cI \u00da\u013dAVU OD BOLESTI. Rezerv\u00e1cia cez Notino Rezervujte si term\u00edn v MD Physiotherapy jednoducho online cez Notino. Rezervova\u0165 term\u00edn Zru\u0161enie term\u00ednu je mo\u017en\u00e9 najnesk\u00f4r 12 hod\u00edn vopred v rezerva\u010dnom syst\u00e9me, telefonicky alebo formou spr\u00e1vy. V pr\u00edpade neskor\u00e9ho zru\u0161enia, ne\u00fa\u010dasti a nekontaktovania si vyhradzujeme pr\u00e1vo \u00fa\u010dtova\u0165 storno poplatok v plnej v\u00fd\u0161ke ceny […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>REZERV\u00c1CIA - MDPhysiotherapy.sk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/mdphysiotherapy.sk\/?page_id=39\" \/>\n<meta property=\"og:locale\" content=\"sk_SK\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"REZERV\u00c1CIA - MDPhysiotherapy.sk\" \/>\n<meta property=\"og:description\" content=\"DOPRAJTE SI CHV\u00cd\u013dU RELAXU \u010cI \u00da\u013dAVU OD BOLESTI. Rezerv\u00e1cia cez Notino Rezervujte si term\u00edn v MD Physiotherapy jednoducho online cez Notino. Rezervova\u0165 term\u00edn Zru\u0161enie term\u00ednu je mo\u017en\u00e9 najnesk\u00f4r 12 hod\u00edn vopred v rezerva\u010dnom syst\u00e9me, telefonicky alebo formou spr\u00e1vy. V pr\u00edpade neskor\u00e9ho zru\u0161enia, ne\u00fa\u010dasti a nekontaktovania si vyhradzujeme pr\u00e1vo \u00fa\u010dtova\u0165 storno poplatok v plnej v\u00fd\u0161ke ceny […]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/mdphysiotherapy.sk\/?page_id=39\" \/>\n<meta property=\"og:site_name\" content=\"MDPhysiotherapy.sk\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-19T19:32:05+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Cennik-683x1024.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Predpokladan\u00fd \u010das \u010d\u00edtania\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 min\u00fata\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39\",\"url\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39\",\"name\":\"REZERV\u00c1CIA - MDPhysiotherapy.sk\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Cennik-683x1024.png\",\"datePublished\":\"2017-06-04T16:02:47+00:00\",\"dateModified\":\"2025-10-19T19:32:05+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39#breadcrumb\"},\"inLanguage\":\"sk-SK\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"sk-SK\",\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39#primaryimage\",\"url\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Cennik.png\",\"contentUrl\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Cennik.png\",\"width\":1024,\"height\":1536},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/mdphysiotherapy.sk\\\/?page_id=39#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"REZERV\u00c1CIA\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/#website\",\"url\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/\",\"name\":\"MDPhysiotherapy.sk\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mdphysiotherapy.sk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sk-SK\"}]}<\/script>\n","yoast_head_json":{"title":"REZERV\u00c1CIA - MDPhysiotherapy.sk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/mdphysiotherapy.sk\/?page_id=39","og_locale":"sk_SK","og_type":"article","og_title":"REZERV\u00c1CIA - MDPhysiotherapy.sk","og_description":"DOPRAJTE SI CHV\u00cd\u013dU RELAXU \u010cI \u00da\u013dAVU OD BOLESTI. Rezerv\u00e1cia cez Notino Rezervujte si term\u00edn v MD Physiotherapy jednoducho online cez Notino. Rezervova\u0165 term\u00edn Zru\u0161enie term\u00ednu je mo\u017en\u00e9 najnesk\u00f4r 12 hod\u00edn vopred v rezerva\u010dnom syst\u00e9me, telefonicky alebo formou spr\u00e1vy. V pr\u00edpade neskor\u00e9ho zru\u0161enia, ne\u00fa\u010dasti a nekontaktovania si vyhradzujeme pr\u00e1vo \u00fa\u010dtova\u0165 storno poplatok v plnej v\u00fd\u0161ke ceny […]","og_url":"http:\/\/mdphysiotherapy.sk\/?page_id=39","og_site_name":"MDPhysiotherapy.sk","article_modified_time":"2025-10-19T19:32:05+00:00","og_image":[{"url":"http:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Cennik-683x1024.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Predpokladan\u00fd \u010das \u010d\u00edtania":"1 min\u00fata"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39","url":"http:\/\/mdphysiotherapy.sk\/?page_id=39","name":"REZERV\u00c1CIA - MDPhysiotherapy.sk","isPartOf":{"@id":"https:\/\/mdphysiotherapy.sk\/#website"},"primaryImageOfPage":{"@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39#primaryimage"},"image":{"@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39#primaryimage"},"thumbnailUrl":"http:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Cennik-683x1024.png","datePublished":"2017-06-04T16:02:47+00:00","dateModified":"2025-10-19T19:32:05+00:00","breadcrumb":{"@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39#breadcrumb"},"inLanguage":"sk-SK","potentialAction":[{"@type":"ReadAction","target":["http:\/\/mdphysiotherapy.sk\/?page_id=39"]}]},{"@type":"ImageObject","inLanguage":"sk-SK","@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39#primaryimage","url":"https:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Cennik.png","contentUrl":"https:\/\/mdphysiotherapy.sk\/wp-content\/uploads\/2025\/10\/Cennik.png","width":1024,"height":1536},{"@type":"BreadcrumbList","@id":"http:\/\/mdphysiotherapy.sk\/?page_id=39#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mdphysiotherapy.sk\/"},{"@type":"ListItem","position":2,"name":"REZERV\u00c1CIA"}]},{"@type":"WebSite","@id":"https:\/\/mdphysiotherapy.sk\/#website","url":"https:\/\/mdphysiotherapy.sk\/","name":"MDPhysiotherapy.sk","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mdphysiotherapy.sk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sk-SK"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"refur-sticky":false,"refur-showcase":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/mdphysiotherapy.sk\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"DOPRAJTE SI CHV\u00cd\u013dU RELAXU \u010cI \u00da\u013dAVU OD BOLESTI. Rezerv\u00e1cia cez Notino Rezervujte si term\u00edn v MD Physiotherapy jednoducho online cez Notino. Rezervova\u0165 term\u00edn Zru\u0161enie term\u00ednu je mo\u017en\u00e9 najnesk\u00f4r 12 hod\u00edn vopred v rezerva\u010dnom syst\u00e9me, telefonicky alebo formou spr\u00e1vy. V pr\u00edpade neskor\u00e9ho zru\u0161enia, ne\u00fa\u010dasti a nekontaktovania si vyhradzujeme pr\u00e1vo \u00fa\u010dtova\u0165 storno poplatok v plnej v\u00fd\u0161ke ceny…","_links":{"self":[{"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=39"}],"version-history":[{"count":6,"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":476,"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=\/wp\/v2\/pages\/39\/revisions\/476"}],"wp:attachment":[{"href":"https:\/\/mdphysiotherapy.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}