video.js (HLS Supported)

https://videojs.com/getting-started/

http streaming

https://github.com/videojs/http-streaming#cdn

HTML

<link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />

<script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
<script src="https://unpkg.com/browse/@videojs/[email protected]/dist/videojs-http-streaming.min.js"></script>

<video
    id="my-video"
    class="video-js"
    controls
    poster="{{ s3_url($video->cover) }}"
  >
    <source src="{{ $video->source }}" type="application/x-mpegURL" />
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a
      web browser that
      <a href="https://videojs.com/html5-video-support/" target="_blank"
        >supports HTML5 video</a
      >
    </p>
</video>

Javascript

$(function () {
    videojs('my-video', {
      controls: true,
      autoplay: false,
      preload: 'auto',
      fluid: true,
      aspectRatio: '640:267'
    });
});