<turbo-stream action="update" target="program_content"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="false"
     data-integrations-google-tag-manager-enabled-value="true"
     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;BODYPUMP 2 | 30min&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;BODYPUMP 2 | 30min&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="1539293"
  data-blocked-in-user-country="false"
>

    <div class='flex items-stretch md:flex-row md:flex-wrap flex-col flex-nowrap max-w-full' data-program-player>
            <div class='flex-1 max-w-full'>
              
<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="1539293"
  data-controller="program-video scrat-analytics program-video-timeline-preview"
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/DeeTQXZDkIbtvmHpNJMPejnTwh3jH00Mk/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJEZWVUUVhaRGtJYnR2bUhwTkpNUGVqblR3aDNqSDAwTWsiLCJleHAiOjE3NzUyNTkyOTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoicyJ9.dLS_tiUPEi9NtCAgOl95hXaPJ_Y5S8mAkwAcFJPEIWOLnHzTmjh0qgufqeZOfcUUhR0O0htybCd9oXepWcuHEggLQQicLrjXpBAsgq5tsw-CallSrKXld5CB9tJMPTULd96vTxnTlO_eHKIJfBapV0PHr9r3uV1cy5Tmj8jJ2N801xveIuJ1XDxZdG-0CuoIml1qvQPhTB7mIUtSj75AK0gFnbvwqYIu5xH1b3pRyWszoYJaEnOGc7br3ec0PQSU6ECL5Jnmdc0HbO-Y2pmF25flEwJPX_HhODfxdZH8yBPS2Zwm_GpAuqiX6bWZyrFdkHE046BXfogAawubcp2oHQ"
  storage-key="uscreen:video"
  class=""
  mux-data="{&quot;env_key&quot;:&quot;c43v645rpolt89529v2pesifn&quot;,&quot;viewer_user_id&quot;:null,&quot;video_title&quot;:&quot;BODYPUMP 2 | 30min&quot;,&quot;video_id&quot;:1539293}"
  data-program-video-stats-value="{&quot;store_id&quot;:11703,&quot;video_id&quot;:-1539293,&quot;content_id&quot;:1539293,&quot;content_title&quot;:&quot;BODYPUMP 2 | 30min&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-1539293,&quot;user_id&quot;:null,&quot;author_id&quot;:-1,&quot;author_title&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="/streak/continue"
  data-program-video-user-is-logged-in-value="false"
  data-scrat-analytics-category-param="player"
  data-scrat-analytics-event-param="control_seekbar_seek"
  data-action="hovering-&gt;program-video-timeline-preview#setPreviewFrame "
>
  <video
    slot="video"
    crossorigin="anonymous"
    playsinline
    data-program-video-target="video"
    poster="https://alpha.uscreencdn.com/assets%2FEE2A1016_%282%29.1654119567.png"
  >
    <source
      src="https://stream.mux.com/DeeTQXZDkIbtvmHpNJMPejnTwh3jH00Mk.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJEZWVUUVhaRGtJYnR2bUhwTkpNUGVqblR3aDNqSDAwTWsiLCJleHAiOjE3NzUyNTkyOTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.ickgjgYnfX20g2nuMRXcZK17iJXZED_vTa528bR06RAIIIAkvAjP_cyH-GCrSHFSs113lncX9tO4JMUBNFtk4gs3SP5L7RW95shlMgX2C8AqVer7kz0i3BY_TXKaGxCoZ9Px0zr5leE6wfLjWD05rtchXKY_Gv6AggtBAK20l6JnP7L4lOOfMJDzoj6JWVFqKOlknTUkdjaJSuqvDgpMonWSX_dWN4ay1Oelvs9KwWYKXO6FhdmnrMaDzxvVzG2bccW5BYrPjhh5A4qz7Mh1vKnTkU2Gp8ysdVPWymrSzgEaonaiuUNzzaU1hgpG9glFWOycL4wrqQuexc8oqqgkLA"
      type="application/x-mpegURL"
    />
  </video>
  <video-chromecast
    slot="chromecast"
      receiver-application-id="3EE5C317"
  ></video-chromecast>
  <video-condition query="played==false">
    <video-play-button
      data-action="click->program-video#clickPlayButtonScreen"
      without-tooltip
      data-test="big-play-button"
      slot="true"
      class="
        absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2
        bg-primary rounded-full [--video-player-button-color:var(--contrast-to-primary-color)]
        [--size:4.5rem] part-[button]:p-3 shadow hover:scale-105
      "
    ></video-play-button>
  </video-condition>
  <video-controls>
      <video-timeline
        segments=""
        data-program-video-target="timeline"
      >
        <video-timer format="past"></video-timer>
          <div
            class="hidden items-center flex-col"
            data-program-video-timeline-preview-target="previewRoot"
          >
            <div
              class="rounded relative overflow-hidden border border-white h-20 w-20 bg-ds-default mb-1"
              data-program-video-timeline-preview-target="preview"
            >
              <img
                alt=""
                class="absolute left-0 top-0 max-w-none transform origin-top-left"
                data-program-video-timeline-preview-target="image"
                data-action="load->program-video-timeline-preview#onImageLoad"
              />
            </div>
            <div
              class="max-w-[12rem] text-center text-white empty:hidden line-clamp-1 text-ds-small-medium"
              data-program-video-timeline-preview-target="sectionTitle"></div>
            <div
              class="max-w-[12rem] text-center text-white text-ds-small-medium"
              data-program-video-timeline-preview-target="timecode">0:00</div>
          </div>
      </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-backward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Backward</span>
      </video-backward-button>
      <video-forward-button
        data-scrat-analytics-category-param="player"
        data-scrat-analytics-event-param="control_fast_forward_click"
        data-action=""
      >
        <span slot="tooltip">Forward</span>
      </video-forward-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-subtitles-button>
      <span slot="tooltip">Subtitles</span>
    </video-subtitles-button>

    <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-airplay-button>
      <span slot="tooltip:disabled">Airplay</span>
      <span slot="tooltip:enabled">Airplay</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">Picture in Picture</span>
      <span slot="tooltip:enabled">Picture in Picture</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">Chromecast</span>
      <span slot="tooltip:enabled">Chromecast</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">Enter fullscreen</span>
      <span slot="tooltip:enabled">Exit fullscreen</span>
    </video-fullscreen-button>
  </video-controls>
  <video-cues></video-cues>
    <div
      data-program-video-target="nextVideo"
      class="hidden absolute z-10 inset-0 bg-ds-default items-center justify-center"
    >
      <img
        class="absolute w-full h-full opacity-70 object-contain"
        src="https://alpha.uscreencdn.com/video_thumbnails/bNmO_I5kl0uXSw.jpg?key1=Djlu6snsmkL0AqDgVDRPzvCZnrdKq2r8+EsGgq4DFTktS1jlM3auK006DfiN/iTN&amp;key2=87d7368e3efa387b44b519129b35ebd7"
      />
      <div class="flex flex-col items-center relative">
        <p class="text-center text-xs md:text-base text-ds-default bg-ds-subtle px-1 uppercase rounded">
          Next video:
        </p>
        <p class="text-center text-base md:text-xl text-ds-default bg-ds-subtle px-1 mt-1 rounded">
          Strength Training 31 | 20min
        </p>
        <button
          data-action="click->program-video#goToNextVideo"
          class="text-ds-default relative p-4 my-4 md:mt-6 scale-100 hover:scale-105 transition-transform"
        >
          <ds-progress-circle
            size="76"
            class="absolute inset-0 -ml-1 -mt-1 [--color:var(--ds-fg-default)]"
            timeout="10000"
            data-action="done->program-video#goToNextVideo"
          ></ds-progress-circle>
          <ds-icon size="40" name="player/chapter-next-outline"></ds-icon>
        </button>
        <ds-button
          variant="ghost"
          data-action="click->program-video#cancelNextVideo"
        >
          Cancel
        </ds-button>
      </div>
    </div>
</video-player>

            </div>
    </div>

    <turbo-frame id="program_buttons">
      
<div class="mt-6">
  <div class="flex justify-between flex-col lg:flex-row">
    <div class="lg:flex justify-between w-full">
        <h1 class="program-title cbt-title flex-1 max-w-full lg:max-w-lg xl:max-w-2xl text-lg md:text-2xl leading-6 font-semibold" data-area="program-title">
          BODYPUMP 2 | 30min
        </h1>
      <div class="cbt-action-bar flex-0 flex mt-4 items-stretch lg:items-start lg:mt-0 gap-2 lg:ps-4" data-area="program-buttons">




          <ds-button
            class="w-full lg:w-auto"
            data-controller="share-button"
            content-visible-on="md"
            data-action="click->share-button#show"
            data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/1539293/horizontal/small_EE2A1016__2_.1654119614.png", "content_type":"video", "content_id":"1539293", "video_id":"1539293"}'
            data-area="share-button">
            <ds-icon slot="before" name='share'></ds-icon>
            <span>Share</span>
          </ds-button>


        <ds-dropdown id="more_actions_btn" class="flex-1 w-full lg:w-auto ">
          <ds-button slot="control" class="w-full">
            <ds-icon name='dots-horizontal'></ds-icon>
          </ds-button>>
          <div slot="content" class="flex flex-col">
              <ds-button variant="ghost" roundless href="https://stream.mux.com/DeeTQXZDkIbtvmHpNJMPejnTwh3jH00Mk/high.mp4?download=BODYPUMP%202%20%7C%2030min&amp;token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJEZWVUUVhaRGtJYnR2bUhwTkpNUGVqblR3aDNqSDAwTWsiLCJleHAiOjE3NzUyNTkyOTIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.ickgjgYnfX20g2nuMRXcZK17iJXZED_vTa528bR06RAIIIAkvAjP_cyH-GCrSHFSs113lncX9tO4JMUBNFtk4gs3SP5L7RW95shlMgX2C8AqVer7kz0i3BY_TXKaGxCoZ9Px0zr5leE6wfLjWD05rtchXKY_Gv6AggtBAK20l6JnP7L4lOOfMJDzoj6JWVFqKOlknTUkdjaJSuqvDgpMonWSX_dWN4ay1Oelvs9KwWYKXO6FhdmnrMaDzxvVzG2bccW5BYrPjhh5A4qz7Mh1vKnTkU2Gp8ysdVPWymrSzgEaonaiuUNzzaU1hgpG9glFWOycL4wrqQuexc8oqqgkLA" target="_blank" onclick="window.CatalogAnalytics('downloadVideo', '1539293')">
                <ds-icon slot="before" name='download'></ds-icon>
                Download
              </ds-button>
                      </div>
        </ds-dropdown>
      </div>
    </div>
  </div>
</div>

<turbo-frame loading="lazy" class="fixed bg-transparent-dark inset-0 flex items-center justify-center z-50 hidden" data-container="true" data-action="click-&gt;program#hideTrailer" id="program_trailer" src="/programs/body-pump-9_2-2ab9dc/trailer"></turbo-frame>

</turbo-frame>
    <div class="block lg:hidden">
      <div class="program-next-video flex flex-col w-full flex-shrink-0 mt-4 border border-ds-default rounded overflow-hidden">
  <form id="next_video_form" data-controller="playlist-item" data-playlist-item-target="form" data-turbo="true" class="contents" action="/programs/strength-training-31-20min-5db5ab/next_video" accept-charset="UTF-8" method="get">
    <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
    <input type="hidden" name="category_id" id="category_id" autocomplete="off" />
    <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/strength-training-31-20min-5db5ab" autocomplete="off" />
    <div class="bg-ds-default flex flex-wrap justify-between px-3 pt-3 pb-2 border-b border-ds-default">
      <span class="mb-1 text-xs font-bold leading-4 uppercase">Next video</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="autoplay">
        Autoplay
        <input
          type="checkbox"
          class="hidden peer"
          data-action="program#toggleAutoplay"
          data-program-target="autoplay"
        >
        <span class="
          ms-3 relative rounded-full h-4 w-6
          bg-gray-500 peer-checked:bg-primary peer-checked:before:bg-primary-contrast transition-colors
          before:absolute before:h-3 before:w-3 before:left-0.5
          before:bg-white before:rounded-full before:top-1/2
          before:-translate-y-1/2 before:transition-transform
          peer-checked:before:translate-x-1/2 peer-checked:before:left-1
        "></span>
      </label>
    </div>

    <button class="flex p-2 cursor-pointer text-left" type="submit" data-action="click->playlist-item#nextVideo" data-area="next-video-button">
      <div class="flex-shrink-0">
        <div class="relative w-20">
          <img class="rounded-sm" src="https://alpha.uscreencdn.com/video_thumbnails/bNmO_I5kl0uXSw.jpg?key1=Djlu6snsmkL0AqDgVDRPzvCZnrdKq2r8+EsGgq4DFTktS1jlM3auK006DfiN/iTN&amp;key2=87d7368e3efa387b44b519129b35ebd7" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        Strength Training 31 | 20min
      </div>
    </button>
</form></div>

    </div>

    <div class="flex justify-between flex-wrap items-start">
      <div class="w-full lg:w-2/3 lg:mt-1 mt-5" id="program_about">
          <div id="program_description_block" class="w-full">
            
  <ds-show-more
    style="--ds-show-more-fade-color: var(--section-background-color);"
    lines="6"
    class="mt-1"
    float="left"
    show-more-title="Show more"
    show-less-title="Show less"
  >
    <div
      class="content-description program-description-text"
      slot="content"
      data-area="about-description"
      data-controller="timestamp"
      data-turbo="false"
    >
      <p>BODYPUMP is a barbell workout designed to get you lean, toned and fit. The combination of scientifically-backed moves and great music helps you achieve much more than you would on your own.</p>
    </div>
  </ds-show-more>

  <div class="content-categories flex flex-wrap mt-5" data-area="program-categories">
      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" data-turbo-frame="_top" href="/categories/category-eAz-4nPwFGQ">Greatest Hits</a>
      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" data-turbo-frame="_top" href="/categories/category-41KbyV5OXNE">Get Stronger</a>
      <a class="category block dark:bg-white dark:text-black rounded bg-black text-white py-1 px-3 text-sm font-bold me-2 mb-2" data-area="category-item" data-turbo-frame="_top" href="/categories/category-s9Xf_mQfFpk">New Releases</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/body-pump-9_2-2ab9dc/resources"></turbo-frame>

          </div>

          <div class="w-full mt-10" id="comments_section_wrapper">
            <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Comments
    (<turbo-frame id="video_1539293_comments_count">0</turbo-frame>)
  </h3>
        <p class="pb-4">
            <a class="text-primary capitalize font-medium" href="/sign_in">sign in</a> to participate in the conversation
        </p>

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="video_1539293_comments_section" src="/contents/1539293/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
          </div>
      </div>
      <div class="w-full lg:w-1/4 items-end flex-col flex">
        <div class="hidden w-full mt-5 lg:block">
          <div class="program-next-video flex flex-col w-full flex-shrink-0 mt-4 border border-ds-default rounded overflow-hidden">
  <form id="next_video_form" data-controller="playlist-item" data-playlist-item-target="form" data-turbo="true" class="contents" action="/programs/strength-training-31-20min-5db5ab/next_video" accept-charset="UTF-8" method="get">
    <input type="hidden" name="format" id="format" value="turbo_stream" autocomplete="off" />
    <input type="hidden" name="category_id" id="category_id" autocomplete="off" />
    <input type="hidden" name="turbo_history_url" id="turbo_history_url" value="/programs/strength-training-31-20min-5db5ab" autocomplete="off" />
    <div class="bg-ds-default flex flex-wrap justify-between px-3 pt-3 pb-2 border-b border-ds-default">
      <span class="mb-1 text-xs font-bold leading-4 uppercase">Next video</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="autoplay">
        Autoplay
        <input
          type="checkbox"
          class="hidden peer"
          data-action="program#toggleAutoplay"
          data-program-target="autoplay"
        >
        <span class="
          ms-3 relative rounded-full h-4 w-6
          bg-gray-500 peer-checked:bg-primary peer-checked:before:bg-primary-contrast transition-colors
          before:absolute before:h-3 before:w-3 before:left-0.5
          before:bg-white before:rounded-full before:top-1/2
          before:-translate-y-1/2 before:transition-transform
          peer-checked:before:translate-x-1/2 peer-checked:before:left-1
        "></span>
      </label>
    </div>

    <button class="flex p-2 cursor-pointer text-left" type="submit" data-action="click->playlist-item#nextVideo" data-area="next-video-button">
      <div class="flex-shrink-0">
        <div class="relative w-20">
          <img class="rounded-sm" src="https://alpha.uscreencdn.com/video_thumbnails/bNmO_I5kl0uXSw.jpg?key1=Djlu6snsmkL0AqDgVDRPzvCZnrdKq2r8+EsGgq4DFTktS1jlM3auK006DfiN/iTN&amp;key2=87d7368e3efa387b44b519129b35ebd7" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        Strength Training 31 | 20min
      </div>
    </button>
</form></div>

        </div>

          <div class="w-full mt-10">
            <turbo-frame loading="lazy" id="program_related" src="/programs/body-pump-9_2-2ab9dc/related?vertical=true" target="_top"></turbo-frame>
          </div>
      </div>
    </div>

</div>



</template></turbo-stream>