Add background video section to shopify - shopify

Currently my hero section used a gif on slideshow. I want to replace the gif with mp4 however slideshow doesn't support mp4 file. I'm thinking of using background video instead, but how do I implement that ? I only found that background video feature is available through premium app
https://pangeamovement.com/

Related

Facebook Cover Video in vue.js

Facebook's functionality which needs to be recreated is described really well in this video: https://youtu.be/CMKJoK3DI50?t=128
Our stack is Laravel + Vue.js 2 on a LAMP server.
the ability to upload the video, and after the video is uploaded, the ability to move the video behind the player so that it is "cropped" (see youtube video above, #2:20) - i am not sure if facebook actually crops their videos or simply leaves it whole and changes the placement of the video behind the viewable player so that a certain area of the video is shown, but the entire video is playing behind the "mask".
Any pointers on the best way to get this done in vue.js? And is the video actually cropped, or just "masked".
thanks, Sebastian

Snapchat style captions on recorded videos

I am using expo and i am trying to implement a feature similar to snapchat/instagrams draw on video and add text/caption to video before upload it. My problem is not the UI part but editing the original video and getting a uri for the new video
I know with images you can use libraries like expo-pixi then take a snapshot of a view but i am not how to go about this for recorded videos specifically
anyone would be kind enough to point me to the right direction?

Change Playback Quality of YTPlayerView

I am having a problem with quality for embedded YouTube videos in my app. I am using YTPlayerView to embed videos from YouTube. My app has 2 options: option 1 is the user can watch video with 360p quality and option 2 is 720p quality. Are these two options possible? If yes, can I customize the video playback quality of the YTPlayerView?
I tried to change the quality this way, but it does not appear to work:
[self.playerView setPlaybackQuality:kYTPlaybackQualitySmall];
I assume you are using YouTube's youtube-ios-player-helper for iOS.
Unfortunately, due the to the nature of the iFrame API, it is not possible to force a quality playback with this library. The player will load the video in the closest resolution to your YTPlayerView's size. If you change the size of your YTPlayerView programmatically, the view will reload the video to fit your new frame.
See this GitHub issue on the project page. Unfortunately, this is the expected behavior of the class.

Is iOS (Safari, Chrome) capable of playing background videos, HTML 5 or YouTube?

Just building a website and playing youtube videos in the background (fullscreen) and having a content as a overlay on top of it and it is built also in responsive design. Video does not play on the iOS it has just background color that I specified in CSS. Is there a way at all that iOS is capable of playing background videos anyhow?

Turning Google Earth plugin animation into a video

I've created an animation which runs inside of the Google Earth plugin (browser) and I'd like to somehow encode this animation into a video format that I can upload to YouTube or a related video site. Are there any tools out there to help me do this?
**EDIT: more detail
This animation changes depending on user input. So it needs to be scalable. The user would click a button: download video after which a server would convert the animation.
You can use FRAPS to record a video of the animation running on your machine.