<video autoplay playsinline loop class="desktop">
<source src="https://cdn.shopify.com/s/files/1/0550/6236/4360/files/ARCHIVE.mp4?v=1614799234" type="video/mp4">
</video>
I have an issue that the video won't automatically play at firefox and safari on mobile. I have no idea and I'm out of ideas why the behaviour is just on mobile and not on browser.
Related
What to change to work on Iphone? In chrome it work.
<video class="video"
autoplay loop preload muted playsinline
poster="#/assets/video/posters/02.png"
>
<source
src="https://drive.google.com/uc?export=download&id=1-SKkq6GLCPXc3MeSvsWED12GK6NkR_Tp"
type="video/mp4"
>
</video>
<video width="100%" playsinline preload="metadata" style="object-fit: cover;height:100%" muted="true" autoplay="true">
<source src="{{video_url}}" type="video/mp4"/>
</video>
On a Shopify site, I have a section with Video Background without audio (also muted). playsinline attribute was added.
Does anyone know how to fix this problem?
I was just wondering, why does the <video> element not auto-play on mobile devices, such as Android and IOS. Do these platforms and support videos?
<div class="video-test-animated col span-2-of-2">
<video class="video-size" autoplay muted loop>
<source src="videos/final-video-background.mp4" type="video/mp4">
</video>
</div>
Why wont this simple piece of code work on safari and IE ?
Do i need to have a flash fallback for IE11, im not getting any errors in the console at all, i just get the player shell and nothing will play
<video id="video" width="800" height="600" style="border:1px #000 solid;" autoplay>
<source src="videos/c1rcardiffrmackeyrunit1.ogv" type="video/ogg">
<source src="videos/c1rcardiffrmackeyrunit1.mp4" type="video/mp4">
<source src="videos/c1rcardiffrmackeyrunit1.webm" type="video/webm">
</video>
i want a video background in my new landing page, the video background is fine in Chrome, Firefox, Opera and IE, but not in Safary and Windows Phone.
This is my code:
<video autoplay loop id="video-background" muted>
<source src="video/video.ogg" type="video/ogg" />
<source src="video/video.webm" type="video/webm" />
<source src="video/video.mp4" type="video/mp4" />
</video>
Does Safari needed other video format?
Thanks for the help !