search

redxtech / vue-plyr

A Vue component for the plyr (https://github.com/sampotts/plyr) video & audio player.
Other
769 stars 136 forks source link

Feature Policy Warnings #336

Open MartCube opened 3 years ago

MartCube commented 3 years ago

Hello there and thank you for your time.

I'm using your code in a Nuxt SSR project. To be more precise I use the fallowing:

<client-only>
        <vue-plyr>
            <div data-plyr-provider="vimeo" data-plyr-embed-id="143418951"></div>
        </vue-plyr>
</client-only>

The code works and everything is great, however I get some warning in the console "Feature Policy: Skipping unsupported feature name “autoplay,fullscreen,picture-in-picture”."

This might not be related to your code, it might come from the plyr player it self, but I'm guessing you might have some idea how to get rid of this warnings.

MartCube commented 3 years ago

Since I load my video in a non Safari browser I get this warnings because the unsupported features are only related to Safari. If there is not anything related to add by the author then he can close this issue.

danielgroen commented 2 years ago

I'm having the same issue

unremarkablegarden commented 2 years ago

The problem is line 8555 in vue-plyr.ssr.js:

setAttribute("allow", "autoplay,fullscreen,picture-in-picture")

This needs to use semicolons not colons. Otherwise play and autoplay will be buggy or not for Android and iOS.

setAttribute("allow", "autoplay;fullscreen;picture-in-picture")