<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;AP Biology Episode 4 - Cellular Energetics&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;AP Biology Episode 4 - Cellular Energetics&quot;]'
  ></span>
</div>

<div
  id="program-controller"
  class='container hotwired'
  data-controller="program program-details-modal"
  data-program-id="981797"
  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="981797"
  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/1aHxI8DSkssYzxOPDfG5n4oDZFku1bCo/storyboard.json?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxYUh4SThEU2tzc1l6eE9QRGZHNW40b0RaRmt1MWJDbyIsImV4cCI6MTc3NTI4MjM5MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJzIn0.o25aHLcGBW2BhBto1OtFOz6K__8e-EpnPy6wuqocejX6kd-5ZlVGSRPa83T5ILJG1AKKO2FLz9Z8lK7HugALdwPg8QKQ1v8FITAUXdwISAQwq2P1Z0-k75_HIqH4zRnUth22_vV7b1Bk-DCgw5hqPnpEO0fxtd2qcoOM2zFnNZ_sZIUgl5p5b8OXlmqHBWPnJhvJNtKjNy0W4vn9YD8TdHsiFQCXOlx7pyzKXIJVsmlqbBvhOoLMDsvfIPSnOnM_AJ9PHiuI2I1FkrmX-4bXe9coZ5JWcWZ7h34B2UfTbr3qrZlwNB2GnCHlkr8rkqUKV-xu_ViKcUuKPm8LxrB_1w"
  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;AP Biology Episode 4 - Cellular Energetics&quot;,&quot;video_id&quot;:981797}"
  data-program-video-stats-value="{&quot;store_id&quot;:6550,&quot;video_id&quot;:-981797,&quot;content_id&quot;:981797,&quot;content_title&quot;:&quot;AP Biology Episode 4 - Cellular Energetics&quot;,&quot;content_type&quot;:&quot;video&quot;,&quot;chapter_id&quot;:-981797,&quot;user_id&quot;:null,&quot;author_id&quot;:24251,&quot;author_title&quot;:&quot;Stephanie, The Eclectic Ecologist!&quot;,&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%2Fap-biology-episode-4-cellular-energetics.1698814531.png"
  >
    <source
      src="https://stream.mux.com/1aHxI8DSkssYzxOPDfG5n4oDZFku1bCo.m3u8?token=eyJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxYUh4SThEU2tzc1l6eE9QRGZHNW40b0RaRmt1MWJDbyIsImV4cCI6MTc3NTI4MjM5MSwia2lkIjoiYmxCQUs4ZEhDZmkyM3F2bGJWckNRaW9aYnNya1ZzNlAiLCJhdWQiOiJ2In0.kYVowh3qNSHksBIx2mMkUR7ZhuDTLj66N7sOmUtYlAKH0pez27yZwaINQ8ICKeXkuXOkd2Svepo48YlePwOl940bk8YSVpQfHu-C54jExIGQRNhkfdeAFDH1_n3YjjmFlxo2adoIYkLsg8E4mwUqHyTBicYGzrfDLKIjgC3sKDca8bTArSf13q7DBlJnIosxHhNWZnu-u_Gqd1z3y4Q_e-3p-pzqYpYIR5hew7VxkA8yiD-R4SvstGNLIHYHmU9tH59Z0Fb57-jkI_bOOCR_bybd5OytbdNLTScGEPi_6s2RRORrptsZB_SX9EjYz9THmJ4ux-zDZ5YqYQeyjjUOvQ"
      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%2Fchocolate.1690594430.png"
      />
      <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">
          How it Chocolate Made? Sweet Science with Kat! 
        </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">
          AP Biology Episode 4 - Cellular Energetics
        </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/981797/horizontal/small_ap-biology-episode-4-cellular-energetics.1698814531.png", "content_type":"video", "content_id":"981797", "video_id":"981797"}'
            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/ap-biology-cellular-energetics/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/how-is-chocolate-made/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/how-is-chocolate-made" 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%2Fchocolate.1690594430.png" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        How it Chocolate Made? Sweet Science with Kat! 
      </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">
              <div class="flex">
      <a class="content-author me-4" data-turbo-frame="_top" href="/authors/stephanie-the-eclectic-ecologist">
        <div class="flex">
          <ds-avatar text="Stephanie, The Eclectic Ecologist!" url="https://alpha.uscreencdn.com/images/author/24251/small_fWY89yVT0mBmPq55oS43_Stephanie.png" size="xxs"></ds-avatar>
          <div class="h-8 flex items-center ms-2">
            <span class="content-author-name text-ds-default text-sm font-medium" data-area="author-title">Stephanie, The Eclectic Ecologist!</span>
          </div>
        </div>
</a>  </div>

  <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>In this episode, we are learning about how energy cannot be created or destroyed.&nbsp;&nbsp;Not only that, but ATP serves as the universal energy molecule in cells.&nbsp; Along with, how plants make their own food through photosynthesis.</p><br><p><strong>Remember, </strong>more information about AP Biology or Advanced Placement courses can be found on the <a target="_blank" rel="noopener noreferrer nofollow" href="https://apstudents.collegeboard.org/">CollegeBoard</a> website!</p><br><p><strong><u>Topics Covered in this Episode:</u></strong></p><ul><li><p>Bioenergetics</p><ul><li><p>Thermodynamics</p></li><li><p>Types of Reactions</p></li><li><p>Activation Energy</p></li></ul></li><li><p>Enzymes</p></li><li><p>Reaction Coupling &amp; ATP</p></li><li><p>Photosynthesis</p></li><li><p>The Light Reactions</p></li><li><p>Cellular Respirations<br></p></li></ul><p><strong><u>What You'll Need:</u></strong></p><ul><li><p>A pencil and paper to take notes. </p></li><li><p>If you already own an AP Biology preparation guide, it would be a great time to familiarize yourself with it and have it during the episode. </p></li><li><p>If you need additional information regarding AP Biology or Advanced Placement, please see the <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.collegeboard.org/">CollegeBoard</a> website.<br></p></li></ul><p><strong><u>About this Series:</u></strong></p><p>AP Biology Prep is a series for preparing you for the Advanced Placement Biology exam.&nbsp;</p><br><p>This series will be broken into 11 episodes, covering 10 major content categories covered by the exam.&nbsp;</p><br><p>Each episode will present the topic and content, apply real-world examples, go step-by-step through practice AP questions from the exam, and a recap of everything covered at the end.&nbsp;</p><br><p>The overall structure of the series matches many preparation guides, it is suggested to follow along using your own.&nbsp;</p><br><p>Try out a practice test before you start to watch your knowledge grow!<br></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-AP-biology-test-prep-series">AP Biology Test Prep</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/Fun-and-Educational-STEM-Learning-for-11th-Graders">11th Grade (Ages 15-17)</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/Fun-10th-Grade-STEM-Classes-for-High-School-Sophomores">10th Grade (Ages 14-16)</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/12th-Grade-STEM-Classes-Projects-and-Activities">12th Grade (Ages 16-18)</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/9th-Grade-STEM-Classes-High-School-Students">9th Grade (Ages 13-15)</a>
  </div>
  <turbo-frame loading="lazy" id="program_resources" src="/programs/ap-biology-cellular-energetics/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/how-is-chocolate-made/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/how-is-chocolate-made" 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%2Fchocolate.1690594430.png" />
        </div>
      </div>
      <div class="cbt-next-video--title text-sm leading-5 overflow-hidden max-w-full ms-3" style="text-overflow: ellipsis">
        How it Chocolate Made? Sweet Science with Kat! 
      </div>
    </button>
</form></div>

        </div>

      </div>
    </div>

</div>


  <turbo-frame loading="lazy" id="program_related" src="/programs/ap-biology-cellular-energetics/related" target="_top"></turbo-frame>

</template></turbo-stream>