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.
Related
I'm using Videogular plugin to create an ionic app. Everything is working fine. But I want to show thumbnails for videos and I don't know how to do that using videogular. I saw an example using that is
<vg-scrub-bar>
<vg-scrub-bar-buffer></vg-scrub-bar-buffer>
<vg-scrub-bar-current-time></vg-scrub-bar-current-time>
<vg-scrub-bar-thumbnails vg-thumbnails="Ctrl.thumbnails"></vg-scrub-bar-thumbnails>
</vg-scrub-bar>
But the above thumbnails code will work only when the video is playing. I want to show the thumbnail before we play any video.
You can use the default poster attribute that is available in HTML5.
<vg-player>
<video [vgMedia]="media" #media id="myVideo" preload="auto" controls>
<source src="https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/1080/Big_Buck_Bunny_1080_10s_1MB.mp4" poster="your-poster.jpg" type="video/mp4">
</video>
</vg-player>
I want to make a streaming with HTML5, in desktop works fine, but in android dont work, only work with local files on my server ".mp3", but with the code attached only works on my desktop, but not in android, any ideas? Thanks
<audio controls="controls">
<source src="http://radio3.oceanofm.com:8010/;" type="audio/ogg">
<source src="http://radio3.oceanofm.com:8010/;" type="audio/mpeg">
<source src="http://radio3.oceanofm.com:8010/;" type="audio/wav">
<source src="http://radio3.oceanofm.com:8010/;" type="audio/mp3">
I'm sorry; your browser doesn't support HTML5.
</audio>
According to this post: HTML5 audio tag is not working in Android , it seems that there can be many causes for your problem. Have you already checked those?
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.
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.