CloudFlare Stream Error

I use the following code to embed a stream from Cloudflare in my webpage but the video does not play.

<video controls>
<source src="https://watch.cloudflarestream.com/de80a3b728188071fcbeccb2bec840e6">
</video>

I also tried using the JS script option, but that just generates so many js errros in the console and nothing gets displayed.

<stream src="74259e5a0657cdee6e6adff21e79a039" controls></stream>
<script data-cfasync="false" defer type="text/javascript" src="https://embed.videodelivery.net/embed/r4xu.fla9.latest.js?video=74259e5a0657cdee6e6adff21e79a039"></script>

I even tried the experimental beta player JS file from the Community Updates.

https://embed.cloudflarestream.com/embed/3f8m.fla9.latest.js

But none of them worked. Any suggestions/ideas?

Try it this way:
<iframe src="https://iframe.videodelivery.net/a4b97e035b1ec2d630bd071d194f5e38" style="border: none;" height="720" width="1280" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe>