CodePen Embed - Cloudflare Stream Pause Button Example

<html>
  <head>
    <script src="https://embed.videodelivery.net/embed/sdk.latest.js"></script>
  </head>
  <body>
    <button id="pauseBtn" onclick="testPause()">Pause video</button>
  <iframe src="https://iframe.cloudflarestream.com/4ac8d3440a3ce09aa33f4ede48e29885?autoplay=true&flavor=cf" style="border: none;" height="720" width="1280" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true" id="playerId"></iframe>

  </body>
</html>

const player = Stream(document.getElementById('playerId'));
function testPause() {
    console.log("Player: ", player);
    player.pause();
}

Run Pen

This Pen is owned by Kevin Kipp on CodePen. It is a fork of this Pen.

See more by @third774 on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.