I am trying to play a mp4 video in my hybrid app for ipad. From my app requesting the server for the video and getting as video/mp4 stream. Which is playing in browsers and android devices but not working in iOS devices. Used below code to play the video.
<video id="tour-video" preload="" controls="" poster="img/poster.jpg">
<source src="http://www.example.com/API/getVideo" type="video/mp4"> </video>
Please give me some suggestions.
Related
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.
Is there any possibility/alternative to play local audio file (from android device) in HTML5 audio player using Ionic-v3 frameWork ?:
<audio autoplay controls>
<source id="audioSource" src="file:///storage/emulated/0/APP/audio2.ogg" type="audio/ogg">
</audio>
App is a specific folder on android device.
Thank's for your Help.
I have used this plugin cordova video plugin
it is working fine on android phone but not working ios.
so I have used Html5 video player
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
this code is not working on android phone. Is it working on ios? pls can you tell me? which video player support on android and ios phone?
As I understand Ionic has issues with embedding local videos using the HTML5 video tag, however you can open the video using fileOpener2 with ngCordova. It's easy to do this and you only have to know the file mime type to open whatever you need.
I am using WowzaServer Live Streaming type. So I am able to view Video from wowza examples directly using
http://[wowza ip address]:1935/live/myStream/Manifest - LIVE Video Streaming Silverlight Player.
http://[wowza ip address]:1935/live/myStream/playlist.m3u8 - LIVE Video Streaming iOS and MAC.
rtmp://[wowza ip address]/live - LIVE Video Streaming Flash RTMP Player
http://[wowza ip address]:1935/live/myStream/manifest.f4m - LIVE Video Streaming Flash HTTP Player
I am able to view video from browser using the above links.
I am trying to run the link from a android application and get the video running on android device. I am not able to get the video running.
I tried using the HTML video tag for HLS streaming i.e. I used this:
<video id="videohtml" width="320" height="240" controls>
<source src="http://[wowza IP address]:1935/live/myStream/playlist.m3u8" type="video/mp4">
</video>
I also tried playing it without using the type.
<video id="videohtml" width="320" height="240" controls>
<source src="http://[wowza IP address]:1935/live/myStream/playlist.m3u8">
</video>
It does not do anything. I am not able to view any video.
I also tried to play manifest.f4m stream but no video.
I also tried using the Flowplayer but it asks to install Flash on android application. I also tried using JWPlayer but no video is played.
Can some one please advise me how to play live video stream in android application. I am using Samsung S4 to play the video. I also tried into emulator.
Which is the good video player to be used to play this as there are so many video players and I am a confused as which one to use which will surely play the video on my android device.
<html>
<head>
<title>HTML5 VOD Streaming Test</title>
</head>
<body>
<video width="640" height="400" controls="controls" src="http://[wowza-ip-address]:1935/vod/[mp4:sample.mp4]/playlist.m3u8">
</video>
</body>
</html>`
It should work. Please try this.
I am developing an Android App. I want to play video using HTML5 <video> tag. The tag works fine on browsers but the video doesn't play on emulator. Here is my code:
<video id="player" type="text/html" width="350" height="350">
<source src="media/v2.mp4"></source>
</video>
I also tried using <iframe> as follows
<iframe src="media/v2.mp4" width="400px" height="400px"></iframe>
But both do not work. Please help me fix this. I am using Cordova 2.6.0.