Demo 13: Vimeo Embeds | Web Video Lesson

            <iframe
  src="https://player.vimeo.com/video/VIDEO_ID?h=HASH&title=0&byline=0&portrait=0"
  title="Video Title"
  allowfullscreen
  loading="lazy"
></iframe>
          

            <script src="https://player.vimeo.com/api/player.js"></script>

<div id="vimeo-player" data-vimeo-id="VIDEO_ID"></div>

<script>
  const player = new Vimeo.Player('vimeo-player', {
    id: VIDEO_ID,
    width: 640,
    responsive: true
  });

  player.on('play', () => console.log('Video started'));
  player.on('ended', () => console.log('Video finished'));
</script>
          

Vimeo vs YouTube

Vimeo advantages:

Cleaner, more professional player design
No ads (on paid plans)
Better privacy controls
Higher quality default encoding
More customization options