The video doesn't play on Chrome on Android.
I haven't been able to find a solution :(
<video id="video" class="video" preload="metadata" autoplay muted loop playsinline>
<!-- for safari - HEVC format -->
<source src="images/hero-video.mp4" type="video/mp4">
<!-- for Chrome - H264 format -->
<source src="images/hero-video.mp4" type="video/mp4">
<source src="images/hero-video.webm" type="video/webm">
<source src="images/hero-video.ogg" type="video/ogg" />
</video>
Related
Homepage of my moms website, if you open in browser and use console to see the mobile version you will see the video playing... but when you use your actual phone and type this website there is nothing... not even a frozen thumbnail ....... like what the actual functionality ??
Please help I'm so frustrated.... no errors no nothing......
<div class="mobileVideo">
<video id="video" playsinline autoplay loop muted width="auto" height="auto"
preload="auto" style="display:block;" autoplay="autoplay">
<source src="" type="video/mp4">
<source src="https://kavitacijabeograd.com/wp-content/uploads/2020/03/Mobile-Kavitacijabeograd.m4v"
type="video/ogg">
</video>
</div>
Conclusion,
type="video/ogg" is showing while inspecting the page and the video on PC google chroom,
but when you open website on actual phone, video is not showing unless type is video/mp4
hope it helps some1
This is driving me NUTS!
I have simple HTML5 video player that won't autoplay on Android.
Here a sample. This WON`T autoplay
<video autoplay muted loop>
<source src="./image/stories/boomerang_stories.mp4" type="video/mp4">
<p>Your browser does not support the video element.</p>
</video>
http://franco.gcj.io/index2.html
The bizarre thing is, it's the same code from here, and this one works.
<video autoplay muted loop>
<source src="chrome-clip.mp4" type="video/mp4">
<p>Your browser does not support the video element.</p>
</video>
https://googlechrome.github.io/samples/muted-autoplay/
Am I missing something really obvious? The only variable I can think about is the video size.
Could any one point me to a working cordova plugin that plays hls/m3u8 streams on android ? I tried using JW Player and html5 video tag and both didn't work!Thanks in advance.
<video id="myVideoTag" width="320" height="250" onerror="playbackFailed(event)" poster="http://www.freeiconspng.com/uploads/video-play-icon-26.gif" autobuffer controls autoplay>
<source id="mp4" src="http://www.nacentapps.com/m3u8/index.m3u8" type="video/mp4">
I have enabled controls in my video tag so that users can unmute the video when it is playing on Desktop, the issue I have having is that on Android it continues to play muted with control option to unmute, also on iOS, it plays unmuted by default.
My code is:
<video id="player" width="430" height="236" style="position:absolute; top:7px; left:52px;" poster="movie.jpg" muted autoplay controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogv" type="video/ogg">
<img width="430" height="236" style="position:absolute; top:7px; left:52px;" src="movie.jpg" />
</video>
I can't find any answer anywhere. Desktop works fine.
on iOS devices you can't mute or change volume HTML video (:
http://blog.millermedeiros.com/unsolved-html5-video-issues-on-ios/
I have a galaxy tab 10.1 with android 4.0.4
I try to make my video work in my webview but without success.
here is the code for the video.
<video width="320" height="240" controls="controls" >
<source src="/public/files/vide1.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
I try that with Internet explorer and it's working.
What I'm doing wrong.
Thanks.