CODEWITHSUNDEEP
videobootstrap-5vimeovimeo-player
mrob
mrob

Reputation: 21

Embedded Vimeo video glitching with Bootstrap CSS framework

I've been trying to embed Vimeo videos in a web page designed using Bootstrap 5.x, and it mostly works, but the video image is almost always glitched when I first load the video, e.g. like this:

https://i.ibb.co/8D59xPg/Screen-Shot-2023-09-25-at-9-44-09.png

Following Vimeo's documentation, I'm building Vimeo's embed iframe dynamically in JScript.

JSFiddle here: https://jsfiddle.net/robo007/pe6Lmbh0/6/

I think I've maybe isolated the problem to this DIV:

<div id="thePlayer" class="ratio ratio-16x9"></div>

...but after a lot of trial and error, I'm not sure how to fix it.

Any ideas...?

Upvotes: 1

Views: 129

Answers (0)

Related Questions