<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="false"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Masked Avengers&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Masked Avengers&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="2832849"
  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="2832849"
  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/3tHttN9uXfoH502mg8TI8qb2NBLyY344H/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzdEh0dE45dVhmb0g1MDJtZzhUSThxYjJOQkx5WTM0NEgiLCJleHAiOjE3NzUyNjkzMzIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoicyJ9.BGJSxw5VLt6aMIGnOnC6SeKN_fAQ3as7-hAXpMTlQisMlXO_cxMav--zknYcwebo_CoqkiUsHCWrBsHh0fRB4w_QHuweBeV-NNOXlIwvwPZ7W7omDBtiNJaaWYHI9rlVsR74yRjItMk4-KblFfOtTEYNxDzKa0-L_QXmLoQqkuWeMrzRpWmNWZFbr2YdZHUrPFuXo4c1dDDeNPTBC8cYM9HFg4AEImEBDPL7ZWV1SkdejkBy5P0KoXPJwcWFORaUtLCnVgJsDsNq9wN6EYyZX8iZk5yLoU4FKcuwMmfeuJX3wMRQoZobGUdlDIg_eqRXrwr_in6XIHG0EtBTUPCzMg"
  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;Masked Avengers&quot;,&quot;video_id&quot;:2832849}"
  data-program-video-stats-value="{&quot;store_id&quot;:36157,&quot;video_id&quot;:-2832849,&quot;content_id&quot;:2832849,&quot;content_title&quot;:&quot;Masked Avengers&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-2832849,&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%2Ftmp%2Fmasked-avengers-copy.1719518907.jpg"
  >
    <source
      src="https://stream.mux.com/3tHttN9uXfoH502mg8TI8qb2NBLyY344H.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIzdEh0dE45dVhmb0g1MDJtZzhUSThxYjJOQkx5WTM0NEgiLCJleHAiOjE3NzUyNjkzMzIsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.GdXqjH-xnll97WBYZZpUKvWLgt576mWvDCpZxXxc-m3XuakeE5TjPbj43DHMWc38fEBeuSvP86TEXSyCX7F95173dSCeFvE5yS9z-QUk5mTzajuSB4Td_8jDnJK9EbjW6ZRLQLrZYYz6ClNz8dcDeaXGSHeNIpTQkTBrF-owNFJ8UQr35J7VOa7Xr_BnwYgIZSi1VQZS0FfJKaPrkGNyNIqiCNMExNefvrdyiV-RHf746XkwlNS5J7IYMwzFpA6r0iVvFIPqazaKopTHS9DVM5nXZ9EIBKMKhxqkcSzADuCOx6YoOLF_WpNbIGuY82nPTfenEFNk6y98F_mdUys_KQ"
      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/270xnull/assets%2Ftmp%2Funfo26_thumbnail_1.1773439649.jpg"
      />
      <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">
          The 23rd Annual Unforgettable Awards
        </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">
          Masked Avengers
        </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/2832849/horizontal/small_e71e017c-551f-4332-a7c3-c10ef9b9185b.jpg", "content_type":"video", "content_id":"2832849", "video_id":"2832849"}'
            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 hidden">
          <ds-button slot="control" class="w-full">
            <ds-icon name='dots-horizontal'></ds-icon>
          </ds-button>>
          <div slot="content" class="flex flex-col">
                      </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/masked-avengers/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/unfo-2026/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/unfo-2026" 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/112xnull/assets%2Ftmp%2Funfo26_thumbnail_1.1773439649.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        The 23rd Annual Unforgettable Awards
      </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"
    >
      <div class="editor-content"><p><span>Philip Kwok (Lizard venom) plays a repentant killer who vows to destroy the masked gang of which he was a member. A young fighter and his martial arts brothers (incl Chiang Sheng, venom student) come to the town to catch the killers, but one of them is not to be trusted!</span></p></div>
    </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/best-of-the-shaw-brothers">Best of the Shaw Brothers</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/masked-avengers/resources"></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/unfo-2026/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/unfo-2026" 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/112xnull/assets%2Ftmp%2Funfo26_thumbnail_1.1773439649.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        The 23rd Annual Unforgettable Awards
      </div>
    </button>
</form></div>

        </div>

      </div>
    </div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/masked-avengers/related" target="_top"></turbo-frame>

</template></turbo-stream>