JSFiddle - React, Tailwind, and code Playground

by luwes

HTML

<div class="inline-videos">
<iframe src="https://player.vimeo.com/video/253989945"
                        frameborder="0"
                         id="sample"
                        data-video-id="253989945"
                        allow="autoplay; fullscreen"
                        allowfullscreen></iframe>
                        
<iframe src="https://player.vimeo.com/video/255458496"
                        frameborder="0"
                        id="test"
                        data-video-id="255458496"
                        allow="autoplay; fullscreen"
                        allowfullscreen></iframe>
</div>

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

JavaScript

//const iframe = document.querySelector('.inline-videos > iframe');
const player = new Vimeo.Player('sample');
player.getVideoTitle().then(function (title) {
               alert(title);
}).catch(function (error) {
  // eslint-disable-next-line no-console
  console.log(error);
});
const player1 = new Vimeo.Player('test');
player1.getVideoTitle().then(function (title) {
               alert(title + ' iteration2');
}).catch(function (error) {
  // eslint-disable-next-line no-console
  console.log(error);
});