<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="false"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;10 Stretches I Do DAILY Before I Jump Rope&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;10 Stretches I Do DAILY Before I Jump Rope&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="3478890"
  data-blocked-in-user-country="false"
>
    
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">10 Stretches I Do DAILY Before I Jump Rope</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">About</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px]">Duration</div>
            <div class="text-ds-micro-semi-bold text-ds-subtle bg-ds-inverted rounded px-1 pt-[0.15rem]">00:00:49</div>
          </div>
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Released</div>
          <div class="text-ds-small-regular text-ds-default">February 2025</div>
        </div>
          <div class="flex w-full gap-2">
            <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Subtitles</div>
            <div class="text-ds-small-regular text-ds-default">English (auto-generated)</div>
          </div>
      </div>
        <p class="mt-6 text-ds-small-semi-bold-uppercase text-ds-muted">
          Resources
        </p>
        <ds-swiper class="mt-4 md:grid md:grid-cols-4 md:gap-4"
          overflow-y-visible
          id="program_resources_swiper"
          md="disabled:true"
          options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
        >
            <swiper-slide>
              <ds-tooltip disabled md="disabled:false" id="file_resource_444466" class="flex h-12 w-full box-content" position="top">
                <div
                  style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                  class="w-full flex items-center bg-ds-subtle text-ds-default py-2 px-4 rounded relative box-border"
                >
                  <div class="text-ds-tiny-regular truncate max-h-8">
                    6--how-to-prevent-injury-2.pdf
                  </div>
                  <div
                    style="clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 16px, calc(100% - 16px) 0)"
                    class="w-4 h-4 absolute right-0 top-0 bg-primary rounded rounded-t-none rounded-r-none"
                  ></div>
                </div>
              </ds-tooltip>
            </swiper-slide>
        </ds-swiper>
        <p class="text-ds-small-regular text-ds-muted mt-2">
          Available for download after purchase.
        </p>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Close</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <div data-test="free-preview-video">
          <script
  type="module"
  crossorigin
  src="https://cdn.jsdelivr.net/npm/@uscreentv/video-player@1.4.0/+esm"
></script>


<video-player
  dir="lrt"
  idle-timeout="5000"
  data-test="player"
  data-id="3478890"
  data-controller="program-video scrat-analytics program-video-free-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value=""
  data-program-video-free-preview-state-value="initial"
  data-program-video-free-preview-show-cta-at-value="25"
  storage-key="uscreen:free_preview:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;10 Stretches I Do DAILY Before I Jump Rope&quot;,&quot;video_id&quot;:3478890}"
  data-program-video-stats-value="{&quot;video_id&quot;:3478890,&quot;content_id&quot;:3478890,&quot;content_type&quot;:&quot;free_preview&quot;,&quot;chapter_id&quot;:3478890,&quot;user_id&quot;:null,&quot;environment_id&quot;:&quot;production&quot;}"
  data-program-video-content-type-value="video"
  data-program-video-next-video-id-value="0"
  data-program-video-challenge-watched-video-url-value=""
  data-program-video-streak-watch-threshold-value="10"
  data-program-video-streak-enabled-value="false"
  data-program-video-streak-path-value=""
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    data-program-video-free-preview-target="video"
    poster="https://alpha.uscreencdn.com/video_thumbnails/abLKi6xWbgTR7Q.jpg?key1=DXFkxU9VWqm85I0wtxnQASQHScJwNuQoPUQbcWfvvqnI9UF6o7TTLutdypVwvwIC&amp;key2=a9a0b3e3a692fd8106cffeadc8ba3ffc"
  >
    <source
      src="https://stream.mux.com/fYrvyeZEkvvTpeV66Zwt01iwl02UnoZtzC.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJmWXJ2eWVaRWt2dlRwZVY2Nlp3dDAxaXdsMDJVbm9adHpDIiwiZXhwIjoxNzc1NTU4NTM2LCJraWQiOiJibEJBSzhkSENmaTIzcXZsYlZyQ1Fpb1pic3JrVnM2UCIsImF1ZCI6InYiLCJhc3NldF9zdGFydF90aW1lIjowLCJhc3NldF9lbmRfdGltZSI6MzB9.smlCHYFHIPOLaxMPyW_TpwAXWmyM-tTTfNk2zCiKy5_D-qihM-yvX8QufPzrj-UG0bng9reLrRnYeRSHts7_JhvpQA5EtXjsTliomr1TsBt_pj0o1GVs-XInlL7SfBneJJ-PGhXrpMhtFFj6zZm4z5I5ddsDx1XP9tgxdhUUckc8RWhGAzbE7bEgl7OBx2MFbW1lXw6hbHwMsld5HUSDpa0ubZXg6BBrne3t_ksKvJo18V8xaj7d5gTzg_-Z8T7bjRBnFAnUZinaKJYYBDS2wTbpsC1D0GZwftco9XDZqEBAt3tTrBgC5wTemRhDKAiz3M05Q0cWPnneDW5POGCydQ"
      type="application/x-mpegURL"
    />
  </video>
  <video-condition query="played==false">
    <ds-button data-program-video-free-preview-target="playButton"
              data-action="click->program-video-free-preview#playButton"
              variant="primary" size="small" class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <ds-icon name='play-button-solid' class="mr-2"></ds-icon> Free preview
    </ds-button>
  </video-condition>

  <div class="absolute top-0 left-0 w-full h-full bg-black/50 z-[1] hidden" data-program-video-free-preview-target="cta">
    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
      <div class="flex flex-col items-center justify-center">
        <h1 class="text-white text-2xl font-bold text-center">Unlock full access</h1>
        <p class="text-white text-sm text-center">Get instant access to this video and more</p>

        <ds-button variant="text" size="small" class="mt-6" data-action="click->program-video-free-preview#replayButton">
          <span class="text-white flex items-center">
            <ds-icon name='arrow-forward-circle' class="mr-2"></ds-icon>
            Replay video
          </span>
        </ds-button>
      </div>
    </div>
  </div>

  <video-controls class="hidden" data-program-video-free-preview-target="controls">
    <video-timeline segments="0" data-program-video-target="timeline">
      <video-timer format="past"></video-timer>
    </video-timeline>

    <video-play-button data-test="play-button" data-action="click->program-video#clickPlayButton">
      <span slot="tooltip:play">Play</span>
      <span slot="tooltip:pause">Pause</span>
    </video-play-button>

    <video-volume-button>
      <span slot="tooltip:unmute">Unmute</span>
      <span slot="tooltip:mute">Mute</span>
    </video-volume-button>

    <video-volume-control></video-volume-control>

    <div class="ms-auto"></div>

    <video-settings-button
      translation="{&quot;back&quot;:&quot;Back&quot;,&quot;shortcuts&quot;:&quot;Keyboard Shortcuts&quot;,&quot;quality&quot;:&quot;Quality&quot;,&quot;rate&quot;:&quot;Playback Settings&quot;,&quot;rewind&quot;:&quot;Rewind&quot;,&quot;volume&quot;:&quot;Change Volume&quot;,&quot;mute&quot;:&quot;Mute&quot;,&quot;toggle-play&quot;:&quot;Play / Pause&quot;,&quot;enter-fullscreen&quot;:&quot;Enter fullscreen&quot;,&quot;exit-fullscreen&quot;:&quot;Exit fullscreen&quot;}"
    >
      <span slot="tooltip">Settings</span>
    </video-settings-button>
  </video-controls>
  <video-cues></video-cues>

  <span class="text-white text-sm font-medium absolute right-2 bottom-2 z-[2] px-2 py-1 bg-black/65 rounded-md" data-program-video-free-preview-target="duration">
    00:49
  </span>
</video-player>
        </div>
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        10 Stretches I Do DAILY Before I Jump Rope
      </h1>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <div class="editor-content"><p>Great warm up/cool down and stretch:</p><ul><li><p>Hamstring stretch </p></li><li><p>Hamstring extension </p></li><li><p>Leg raise to chest</p></li><li><p>Cobra pose</p></li><li><p>Pigeon pose</p></li><li><p>Spine stretch from elbows</p></li><li><p>Spine stretch - cat / cow</p></li><li><p>Torso stretch </p></li><li><p>Ground touches - single leg </p></li><li><p>Air squats</p></li></ul><p></p></div>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">Learn more</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '3478890', 'sidebar', 'Subscribe to watch')">
                  Subscribe to watch
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Select a membership:</p>
                  <a
                    href="/checkout/new?o=72439"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/72439/monthly-plan.1718376142.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Monthly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Monthly Membership
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $19.99/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=72440"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/72440/annual-plan-jrd.1719832915.png">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Annually
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Annual Membership 
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 7 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $164.99/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/10-stretches-i-do-before-i-jump-rope/related" target="_top"></turbo-frame>

</template></turbo-stream>