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.
Related
I encountered a problem while trying to use a background video on mobile. Everything works just fine on Chrome and Opera but whenever I try to open the webpage on firefox for android it won't start. It's there but autoplay won't start for some reasons. Can you help me figure out why?
<video width="100%" height="100%" autoplay muted loop>
<source src="images/ECLYPSODark_Side.mp4" type=video/mp4>
<source src="images/ECLYPSODark_Side.ogv" type=video/ogg>
<source src="images/ECLYPSODark_Side.webm" type=video/webm>
</video>
I found a solution to it. If you put the video on mute it autoplays, otherwise it doesn't!
I am using xamarin.forms webview and have implemented video tag in my html5 code to play video.
I test it on IOS and Android. None of both play the video. What I am doing wrong?, I read on some SO set hardware acceleration. Someone please help me how this thing work.
Testing code for playing video
<p>testing from 3:49</p> <video width='320' height='240' controls> <source src='https://www.w3schools.com/html/mov_bbb.mp4' type='video/mp4'> Your browser does not support the video tag. </video>
<p>testing from 3:49</p> <video width='320' height='240' controls> <source src='https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm' type='video/mp4'> Your browser does not support the video tag. </video>
What is wrong in my case is I have isEnable property false in WebView. After set it True, it's working fine.
If you still have some issue, try to enable HardwareAccelerate in Mainfest of Android app.
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 want to write an HTML page, that can play some audio files. I use this code:
<audio width="100%" controls >
<source src="sprachMemo.mp3" type="audio/mpeg" />
<source src="sprachMemo.m4a" type="audio/x-aac" />
<source src="sprachMemo.ogg" type="audio/ogg" />
<source src="sprachMemo.wav" type="audio/wav" />
Problem!
</audio>
When I open the page with Chrome and a PC it work. But on the mobile, it shows the audio file, but you can not play it. So it just shows, that there is a file used.
I have also been looking for other solutions , but want to have a simple variant. And as I could see, the system worked on other sites.
How can I make it work on Android, too?
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/