Plyr: Background video

Created on 4 Nov 2016 · 4Comments · Source: sampotts/plyr

Hi Thanks for your work, is great, I was wondering if it's possible to use this script for background video, where:

tooltips = false, autoplay = true, clickToPlay = false, hide controls = true
Where I think is more important to resize using the height, and on mobile just display the poster image (since they don't autoplay videos)

All this in to a backgroundVideo = true would be great, please consider if it's possible

Regards

Source

nam-co

😕1

Most helpful comment

@nam-co you should be able to autoplay HTML5 videos on all major mobile browsers if they're also muted (ie, have the muted attribute).

https://webkit.org/blog/6784/new-video-policies-for-ios/
https://www.chromestatus.com/features/4864052794753024

alejandroiglesias on 27 Apr 2017

👍2

All 4 comments

I could at it to the to-do but I'm not really convinced using Plyr is of benefit here, given you're best off using HTML5 video natively without controls and interacting with it's API as needed.

I believe iOS will now autoplay videos without audio (which background videos shouldn't have anyway).

sampotts on 5 Nov 2016

👍1

Hi Sam, true but it would be great to have it here, I think its easier

I tried the iOS BG video but still no luck :) hope some day

nam-co on 9 Nov 2016

@nam-co you should be able to autoplay HTML5 videos on all major mobile browsers if they're also muted (ie, have the muted attribute).

https://webkit.org/blog/6784/new-video-policies-for-ios/
https://www.chromestatus.com/features/4864052794753024

alejandroiglesias on 27 Apr 2017

👍2

This should be possible in Plyr using something like the settings {controls: [], clickToPlay: false, autoplay: true, muted: true} or vanilla html5 video with the muted and autoplay properties.