<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="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;【2025年5月22日放送】(スポーツ) 西彼杵高校女子バレー部&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;【2025年5月22日放送】(スポーツ) 西彼杵高校女子バレー部&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal share-button"
  data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/3639242/horizontal/small_600b43a0-51fb-4f00-9939-45f6ed377f5f.jpg", "content_type":"video", "content_id":"3639242", "video_id":"3639242"}'
  data-program-id="3639242"
  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="3639242"
  data-controller="program-video scrat-analytics"
  
  data-program-video-timeline-preview-sections-value="[]"
  data-program-video-timeline-preview-storyboard-url-value="https://image.mux.com/G7w5tdAhrii7AgPxwafgaNGFNiQW2Jdb/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJHN3c1dGRBaHJpaTdBZ1B4d2FmZ2FOR0ZOaVFXMkpkYiIsImV4cCI6MTc3NTY0OTU3MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJzIn0.RnBuIoZF0S-SpJ89Eb-7lLS_D_IgjyvRIjcwrjVSzko5fpTDSTCpjCV4Lr1uIV44oNQR7RZbTBMYS3ty704gDSqzCssbKB0e2RCdLn9mTkclZ9zwiMi_clJjDclH3Z7wY8R54s-DinuJw_p0XjXeExM1k0CbzuPlnmjjvSOkZ5VcQSgex1ELwRKmQKKW3kAMuh1nbXloUYgx6m62mo4PTWqznoq77_p9BsvyX4_AbBR1nJ6Bc3ltv-2PidasD7m1bufXimfoPBzIKIIjlyXEPXEOjjMjx7CVXMohVDa5qbYj4rqIClsOpG3rWlcEa6Ns3tY0WIFR8mI-qNOBlQTPGQ"
  data-program-video-end-of-video-share-cta-value="false"
  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;【2025年5月22日放送】(スポーツ) 西彼杵高校女子バレー部&quot;,&quot;video_id&quot;:3639242}"
  data-program-video-stats-value="{&quot;store_id&quot;:28391,&quot;video_id&quot;:-3639242,&quot;content_id&quot;:3639242,&quot;content_title&quot;:&quot;【2025年5月22日放送】(スポーツ) 西彼杵高校女子バレー部&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-3639242,&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%2F20250522-sports-thumbnail.1747966315.jpg"
  >
    <source
      src="https://stream.mux.com/G7w5tdAhrii7AgPxwafgaNGFNiQW2Jdb.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJHN3c1dGRBaHJpaTdBZ1B4d2FmZ2FOR0ZOaVFXMkpkYiIsImV4cCI6MTc3NTY0OTU3MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2In0.V7tQ71wLLM1aP4aKYcna0PYoPRNQbd3DXf_ge2RAEhD0FJJ67ArxgyQ2_ke-nU75t4iCD42R0daPZT1_7CZu4_Puz1Fw4_FDs2xs65hbuPnLVJVqaspB8sw6oDnu0pVgDJ-74VqiQrjTJqgxYKz5w1ukyJUhKMRdT-44gOOrYRfag7ZKJqYyEfx4SAuy6BCaDZgsnyweZetG6DIASimxwOCUo125orJqnaiaaQTNDWKvDVch6AnGPbJb6weLK4BZu-abbwbHSKFIejvMpLvC6tNH-8fk7RJSjwzgio15QL1vOPq1glBtiEme4hXrsTl3t-HFkQScV1aVkYtkcD_BYA"
      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-&gt;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-&gt;program-video#clickPlayButton">
      <span slot="tooltip:play">再生</span>
      <span slot="tooltip: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">戻す</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">進める</span>
      </video-forward-button>

    <video-volume-button>
      <span slot="tooltip:unmute">ミュート解除</span>
      <span slot="tooltip:mute">ミュート</span>
    </video-volume-button>

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


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

    <video-subtitles-button>
      <span slot="tooltip">字幕</span>
    </video-subtitles-button>

    <video-settings-button
      
      translation="{&quot;back&quot;:&quot;戻る&quot;,&quot;shortcuts&quot;:&quot;キーボードのショートカット&quot;,&quot;quality&quot;:&quot;画質&quot;,&quot;rate&quot;:&quot;再生設定&quot;,&quot;rewind&quot;:&quot;早戻し&quot;,&quot;volume&quot;:&quot;音量変更&quot;,&quot;mute&quot;:&quot;ミュート&quot;,&quot;toggle-play&quot;:&quot;再生 / 一時停止&quot;,&quot;enter-fullscreen&quot;:&quot;フル画面にする&quot;,&quot;exit-fullscreen&quot;:&quot;フル画面を解除&quot;}"
    >
      <span slot="tooltip">設定</span>
    </video-settings-button>

    <video-airplay-button>
      <span slot="tooltip:disabled">エアプレイ</span>
      <span slot="tooltip:enabled">エアプレイ</span>
    </video-airplay-button>

    <video-pip-button>
      <span slot="tooltip:disabled">ピクチャーインピクチャー</span>
      <span slot="tooltip:enabled">ピクチャーインピクチャー</span>
    </video-pip-button>

    <video-chromecast-button>
      <span slot="tooltip:disabled">クロームキャスト</span>
      <span slot="tooltip:enabled">クロームキャスト</span>
    </video-chromecast-button>

    <video-fullscreen-button>
      <span slot="tooltip:disabled">フル画面にする</span>
      <span slot="tooltip:enabled">フル画面を解除</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/assets%2Ftmp%2F20260407-tokusyuu-thumbnail.1775612767.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">
          次のビデオ:
        </p>
        <p class="text-center text-base md:text-xl text-ds-default bg-ds-subtle px-1 mt-1 rounded">
          【2026年4月7日放送】（特集)～松浦鉄道に乗って～風景やグルメを堪能
        </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">
          【2025年5月22日放送】(スポーツ) 西彼杵高校女子バレー部
        </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"
            content-visible-on="md"
            data-action="click->share-button#show"
            data-share-button-content-value='{"main_poster":"https://alpha.uscreencdn.com/images/programs/3639242/horizontal/small_600b43a0-51fb-4f00-9939-45f6ed377f5f.jpg", "content_type":"video", "content_id":"3639242", "video_id":"3639242"}'
            data-area="share-button">
            <ds-icon slot="before" name='share'></ds-icon>
            <span>共有する</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/20250522-sports-179cbf/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/20260407-tokusyuu-8688c7/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/20260407-tokusyuu-8688c7" 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">次のビデオ</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="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%2F20260407-tokusyuu-thumbnail.1775612767.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        【2026年4月7日放送】（特集)～松浦鉄道に乗って～風景やグルメを堪能
      </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-less-title="少なく表示"
  >
    <div
      class="content-description program-description-text"
      slot="content"
      data-area="about-description"
      data-controller="timestamp"
      data-turbo="false"
    >
      <div class="editor-content"><p>エブリィスポーツは、名将の魂を受け継ぎ再び全国を目指す西彼杵高校女子バレーボール部です。目標は県高総体の連覇、そして全国の頂点です。</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/category-3t0d0cj-9hy">NIB news every.</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/20250522-sports-179cbf/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/20260407-tokusyuu-8688c7/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/20260407-tokusyuu-8688c7" 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">次のビデオ</span>
      <label class="flex no-wrap text-xs cursor-pointer items-center" data-area="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%2F20260407-tokusyuu-thumbnail.1775612767.jpg" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        【2026年4月7日放送】（特集)～松浦鉄道に乗って～風景やグルメを堪能
      </div>
    </button>
</form></div>

        </div>

      </div>
    </div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/20250522-sports-179cbf/related" target="_top"></turbo-frame>

</template></turbo-stream>