Video Hosting

• Youtube, Vimeo
• Wowza
• Mux Video
• Panopto
• Kaltura
• Limelight
• Brightcove

Embedding Video

• "embed this video" code snippet from your streaming service
• More control with JavaScript video libraries. Some are proprietary to the video streaming service, others, such as Video.js are open source.

Examples

• Example 1 - video element and mp4 file

  
                <video controls width="600" poster="images/bigbuckbunny.png">
        <source src="video/BigBuckBunny.mp4" type="video/mp4">
        Sorry, your browser doesn't support embedded videos.
    </video>

• Example 2 - Video JS library and video from Mux Video platform

  <video
      id="my-video" class="video-js" controls preload="auto"
      data-setup='{"poster": "images/bigbuckbunny.png"}'>
  
      <source src="https://stream.mux.com/K7mw8M3qOl5t35gUaYy9FxmYkGcZHMYq7xkwab01Q9MM.m3u8"
              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>
  <script src="https://vjs.zencdn.net/7.15.4/video.min.js"></script>

• Example 3 - Video on Mux with the Mux player

  <script src="https://cdn.jsdelivr.net/npm/@mux/mux-player"></script>
  <mux-player
    stream-type="on-demand"
    playback-id="K7mw8M3qOl5t35gUaYy9FxmYkGcZHMYq7xkwab01Q9MM"
    metadata-video-title="Big Buck Bunny"
    primary-color="#FFFFFF"
    secondary-color="#000000"
  ></mux-player>