## 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>