play() failed because the user didn't interact with the document first - on click event using Vimeo API

javascript vimeo
froggomad picture froggomad · Feb 14, 2019 · Viewed 18.5k times · Source

I'm assuming an onclick event counts as interacting with the document, so not sure why an autoplay error is being thrown

Uncaught (in promise) NotAllowedError: play() failed because the user didn't interact with the document first.

Answer

froggomad picture froggomad · Feb 14, 2019

I was missing allow="autoplay" in iframe's attributes

<iframe id="video-player" class="video" width="560" height="315" src="https://player.vimeo.com/video/309741585" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>

Related questions

Unsafe JavaScript attempt to access frame with URL

I've incorporated Vimeo into a WordPress theme I'm building, and I get these errors: Unsafe JavaScript attempt to access frame with URL http://themes.ibrogram.com/beta/blog/ from frame with URL http://player.vimeo.com/video/4749536. Domains, protocols and …

Read More
How to stop a Vimeo video with jQuery

When I hide a YouTube video, it stops playing. However, this is not the case for Vimeo videos. Is there another way to stop a Vimeo video?

Read More
Get video id from Vimeo url

I'm trying to find the best regexp to fetch vimeo video id from URL. Example urls : https://vimeo.com/11111111 http://vimeo.com/11111111 https://www.vimeo.com/11111111 http://www.vimeo.com/11111111 https://vimeo.com/channels/11111111 http://vimeo.com/channels/11111111 https://vimeo.…

Read More