<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="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;Exploring Scapa Flow: Are the Wrecks Changing?&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Exploring Scapa Flow: Are the Wrecks Changing?&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/324395/horizontal/small_guetv-scapa-1480-x-840.1689765140.jpg", "content_type":"video", "content_id":"324395", "video_id":"324395"}'
  data-program-id="324395"
  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">Exploring Scapa Flow: Are the Wrecks Changing?</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:11:58</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">March 2020</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Categories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/conservation"
                    data-turbo-frame="_top"
                  >
                    Conservation &amp; Science
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (269 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/community"
                    data-turbo-frame="_top"
                  >
                    Community &amp; Inspiration
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (510 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/exploration"
                    data-turbo-frame="_top"
                  >
                    Dive Exploration &amp; Projects
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (708 videos)
                  </span>
                </div>
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/category-jfWZZza27mE"
                    data-turbo-frame="_top"
                  >
                    All Videos
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (2485 videos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </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="trailer-video">
          <ds-badge color="gray" class="absolute left-2 top-2 z-[2]"><ds-icon name='video-player' class="mr-1"></ds-icon> Trailer</ds-badge>
          
<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="324397"
  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/7YbV9SmdKyjvi626zaHR00UTy26vPRBZd/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI3WWJWOVNtZEt5anZpNjI2emFIUjAwVVR5MjZ2UFJCWmQiLCJleHAiOjE3NzU2NTU5ODgsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoicyJ9.iUa5A2DvgEsZacYgDmUPz9CL4dUEvhSoRmFE0lcKTrZBCTk9LczSx0mWPDGSoe1ufgOGujY6jgvTyEvyuoQwRVLhRnSLfM-10dVOsbsT052CgnzfUvbvKH662zfF_swQ1YL-po2z_X-apqYPCWVpeGnQa52GKbnxxcEKEDWgot2uoB1PespxopaY9_5pgp9MEWYM4xjFxiJH2razLhseTA09v1mD003nBUnf5u0SyFFjZeDfjc4uOApazF_xbLBdG-nT8SYScdWB0rQDkz4aTFnRMNPH9bIEr5DMhuqr6REpY3u7qWe5rJ_dk9AD3Kmye9eBUN5KB6pQgyjAP1bTIA"
  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;Scapa 100 trailer&quot;,&quot;video_id&quot;:324397}"
  data-program-video-stats-value="{&quot;store_id&quot;:251,&quot;video_id&quot;:324395,&quot;trailer_id&quot;:324397,&quot;content_id&quot;:324397,&quot;content_title&quot;:&quot;Exploring Scapa Flow: Are the Wrecks Changing?&quot;,&quot;content_type&quot;:&quot;trailer&quot;,&quot;chapter_id&quot;:324397,&quot;user_id&quot;:null,&quot;author_id&quot;:[],&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/video_thumbnails/DGeW48YzRXzxWg.jpg?key1=X74Bx0LDTqIj3zajAF3c1P8yXgs0jyU4tsBpN8HOd6U4CWl5vSHuVZSEju7F5Gd+&amp;key2=49b0123eabd55ed9f8fe2541919219a0"
  >
    <source
      src="https://stream.mux.com/7YbV9SmdKyjvi626zaHR00UTy26vPRBZd.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiI3WWJWOVNtZEt5anZpNjI2emFIUjAwVVR5MjZ2UFJCWmQiLCJleHAiOjE3NzU2NTU5ODgsImtpZCI6ImJsQkFLOGRIQ2ZpMjNxdmxiVnJDUWlvWmJzcmtWczZQIiwiYXVkIjoidiJ9.XfnVwYbwJeZE242aG4CD3_cbwhaer8M7zZBNBMF7avBzC0Ff4ptEJCV-7AWJNeQ7uDxkgZ47SvGYY5BgpqMQHjQ6xn2qIBUja03l_F25-kfzb6ErHrlNl3ZyJTEm72Eiqgu9ipjmDC9krGdqIZOnvPRibuXHh1RuqASFC8BSGuxpE-axR90pduP4O4IUgi9ELFleauPqiP4GkyVNIhBti11h-BnWsRyGOJ-W36JrwXQq8p_iltrIlUhPgIAdEM3E6iv5ZpVAdK6F0dv-t9ojzqrUb8vnilaWFJJ-zH9p_llONDHoYLqwqa20cZT5w2CpXJvxL-CWZ3gegfWt0jH8Iw"
      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">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>
</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">
        Exploring Scapa Flow: Are the Wrecks Changing?
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url="https://alpha.uscreencdn.com/images/author/10020/small_small_small_fh7EFirRvKVLQTgqBzcG_BenProfile.jpg"
              text="Benjamin Ott">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Benjamin Ott
        </span>
      </div>
    <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>In this informative video, we delve into the mesmerizing world of Scapa Flow, a renowned diving location with sunken wrecks that have amazed divers for decades. With 20 years of experience diving in Scapa Flow, Richard Walker, Project Leader Scapa,&nbsp;raises a compelling question: Are the wrecks changing over time?</p><br><p>Initially warned by others that the wrecks would disappear soon, Richard reports that even after a century, these wrecks are still breathtaking. A group of divers familiar with the wrecks embarks on a mission to observe and measure changes. They acknowledge that without repeated observations, it is challenging to determine how and if the wrecks are truly changing.</p><br><p>Richard explains how memory influences perceptions, compresses details, and forms an impression that might or might not accurately represent the current state of the site and can contribute to the story that the wrecks are changing.</p><br><p>Additionally, the size of the wrecks in Scapa Flow, ranging from 160 to nearly 200 meters in length, adds to the potential differences perceived by divers. With each visit, divers discover and notice new features, potentially attributing these discoveries to changes in the wrecks. However, it could simply be an improvement in their ability to find interesting aspects of the wrecks.</p><br><p>To address this question, the divers adopt a scientific approach, assessing specific measurements and changes on the wrecks. They identify evidence of degradation, such as decks peeling away from the superstructures. By tracking these changes over time, they aim to provide a more accurate understanding of the wrecks' transformation.</p><br><p>The video acknowledges the significance of citizen scientists and stresses their value in underwater data collection and their support of research projects. The participation of well-trained divers ensures correctness in measurements and enhances the chances of the findings being published and reviewed within the scientific community.</p><br><p>Overall, the video highlights the successful formation of a team of 12 divers dedicated to this investigation. They have not only begun the process of measuring changes but have also developed techniques to evaluate the marine life existing on the wrecks. Richard is excited to witness the upcoming release of the GUE scientific diver class and envisions the future involvement of GUE-trained scientific divers in the Scapa Flow project.</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', '324395', '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=8839"
                    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/8839/guetv-subscription.1724666769.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">
                        GUE.tv Monthly Subscription
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 3 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $24.99/month after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=92018"
                    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/92018/guetv-subscription.1724666824.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">
                        Quarterly
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        GUE.tv Quarterly Subscription
                      </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 $74.99/quarter after trial
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=90582"
                    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/90582/guetv-subscription.1724666840.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">
                        GUE.tv Annual Subscription
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            Free for 10 days
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            USD $239.99/year after trial
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/scapa-flow-wrecks-project-gue/related" target="_top"></turbo-frame>

</template></turbo-stream>