JSFiddle - React, Tailwind, and code Playground

by luwes

HTML

<script src="https://player.vimeo.com/api/player.js"></script>
<iframe src="https://player.vimeo.com/video/338294369" class="oembed" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>

JavaScript

var $oembed = $('iframe.oembed');
$oembed.contents().find('body').get(0).innerHTML = '<iframe src="https://player.vimeo.com/video/338294369" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>';

var video = $oembed.contents().find('iframe').get(0)
var player = new Vimeo.Player(video);

console.log('### BEFORE');

player.ready().then(function() {
  console.log('### player.ready()');
  
}).catch(function(error) {
  console.error('### player.ready()', error);
});

player.getVideoId().then(function(id) {
  console.log('### player.getVideoId()', id);
}).catch(function(error) {
  console.error('### player.getVideoId()', error);
});

console.log('### AFTER');