html5 video player in android phonegap
3,124 views
Skip to first unread message
Nathi gugan
Mar 15, 2012, 10:24:56 AM3/15/12
to phonegap
0 down vote favorite
share [g+] share [fb] share [tw]
<!DOCTYPE html>
<html>
<head>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"
type="text/css">
<script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="none" width="340" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{"controls":true}'>
<source src="http://video-js.zencoder.com/oceans-clip.mp4"
type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm"
type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv"
type='video/ogg' />
</video>
</body>
</html>
this code show the video player.video is not played while clicking
play button.
I use this link videojs.com for creating videoplayer in android
phonegap. video player is created successfully.but video is not
played.It;s work fine in browser,but not in emulator.I want to play
youtube video using that player. how to solve this problem.please
guide me.it's urgent.thanks in advance . how to play video using html5
videoplayer in android phonegap
share [g+] share [fb] share [tw]
<!DOCTYPE html>
<html>
<head>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"
type="text/css">
<script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="none" width="340" height="264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup='{"controls":true}'>
<source src="http://video-js.zencoder.com/oceans-clip.mp4"
type='video/mp4' />
<source src="http://video-js.zencoder.com/oceans-clip.webm"
type='video/webm' />
<source src="http://video-js.zencoder.com/oceans-clip.ogv"
type='video/ogg' />
</video>
</body>
</html>
this code show the video player.video is not played while clicking
play button.
I use this link videojs.com for creating videoplayer in android
phonegap. video player is created successfully.but video is not
played.It;s work fine in browser,but not in emulator.I want to play
youtube video using that player. how to solve this problem.please
guide me.it's urgent.thanks in advance . how to play video using html5
videoplayer in android phonegap
Allister
Mar 15, 2012, 11:09:19 AM3/15/12
to phonegap
what's in your video.js?
Jairo
Mar 16, 2012, 11:34:44 AM3/16/12
to phon...@googlegroups.com
Hi,
I am facing the same problem as Nathi, I have tried lots of combinations and different players but I can not play any video.
in the case of videoJs, I can also see the player perfectly but no video is shown.
I think html5 video tag is not working with phonegap by the moment.
Jairo
I am facing the same problem as Nathi, I have tried lots of combinations and different players but I can not play any video.
in the case of videoJs, I can also see the player perfectly but no video is shown.
I think html5 video tag is not working with phonegap by the moment.
Jairo
Devgeeks
Mar 16, 2012, 8:15:21 PM3/16/12
to phon...@googlegroups.com
html5 video tag doesn't work on Android as far as I know.
Eric Blade
Mar 18, 2012, 8:42:29 PM3/18/12
to phon...@googlegroups.com
My guess is it's probably the same reason the audio tag doesn't work in Android 2.
alex Ng
Mar 18, 2012, 8:56:49 PM3/18/12
to phon...@googlegroups.com
Hi,
to make video tag works, you need to copy the video (.mo4/mov) into memory before you play them. PhoneGap video plugin allows to play SD card file. This is what I did.
Alex
to make video tag works, you need to copy the video (.mo4/mov) into memory before you play them. PhoneGap video plugin allows to play SD card file. This is what I did.
Alex
2012/3/19 Eric Blade <blade...@gmail.com>
--
You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en
For more info on PhoneGap or to download the code go to www.phonegap.com
Felix Montanez
May 4, 2012, 1:32:34 PM5/4/12
to phonegap
Do you have an an example project with this working? I think it would
help a lot of people.
On Mar 18, 5:56 pm, alex Ng <alexn...@gmail.com> wrote:
> Hi,
> to make video tag works, you need to copy the video (.mo4/mov) into
> memory before you play them. PhoneGap video plugin allows to play SD card
> file. This is what I did.
>
> Alex
>
> 2012/3/19 Eric Blade <blade.e...@gmail.com>
> >> player-plugin-for-phonegap.**html<http://simonmacdonald.blogspot.com.au/2011/11/video-player-plugin-for...>
> >>>> rel="stylesheet"
> >>>> type="text/css">
>
> >>>> <script src="http://vjs.zencdn.net/c/**video.js<http://vjs.zencdn.net/c/video.js>"></script>
>
> >>>> data-setup='{"controls":true}'**>
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.mp4<http://video-js.zencoder.com/oceans-clip.mp4>"
>
> >>>> type='video/mp4' />
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.webm<http://video-js.zencoder.com/oceans-clip.webm>"
>
> >>>> type='video/webm' />
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.ogv<http://video-js.zencoder.com/oceans-clip.ogv>"
help a lot of people.
On Mar 18, 5:56 pm, alex Ng <alexn...@gmail.com> wrote:
> Hi,
> to make video tag works, you need to copy the video (.mo4/mov) into
> memory before you play them. PhoneGap video plugin allows to play SD card
> file. This is what I did.
>
> Alex
>
>
>
>
>
>
>
>
> > My guess is it's probably the same reason the audio tag doesn't work in
> > Android 2.
>
> > On Friday, March 16, 2012 8:15:21 PM UTC-4, Devgeeks wrote:
>
> >> html5 video tag doesn't work on Android as far as I know.
>
> >>http://simonmacdonald.**blogspot.com.au/2011/11/video-**
>
>
>
>
>
>
> > My guess is it's probably the same reason the audio tag doesn't work in
> > Android 2.
>
> > On Friday, March 16, 2012 8:15:21 PM UTC-4, Devgeeks wrote:
>
> >> html5 video tag doesn't work on Android as far as I know.
>
> >> player-plugin-for-phonegap.**html<http://simonmacdonald.blogspot.com.au/2011/11/video-player-plugin-for...>
>
> >> On Saturday, 17 March 2012 02:34:44 UTC+11, Jairo wrote:
>
> >>> Hi,
>
> >>> I am facing the same problem as Nathi, I have tried lots of combinations
> >>> and different players but I can not play any video.
> >>> in the case of videoJs, I can also see the player perfectly but no video
> >>> is shown.
>
> >>> I think html5 video tag is not working with phonegap by the moment.
>
> >>> Jairo
>
> >>> El jueves 15 de marzo de 2012 14:24:56 UTC, Nathi gugan escribió:
>
> >>>> 0 down vote favorite
> >>>> share [g+] share [fb] share [tw]
>
> >>>> <!DOCTYPE html>
> >>>> <html>
> >>>> <head>
>
> >>>> <link href="http://vjs.zencdn.net/c/**video-js.css<http://vjs.zencdn.net/c/video-js.css>"
> >> On Saturday, 17 March 2012 02:34:44 UTC+11, Jairo wrote:
>
> >>> Hi,
>
> >>> I am facing the same problem as Nathi, I have tried lots of combinations
> >>> and different players but I can not play any video.
> >>> in the case of videoJs, I can also see the player perfectly but no video
> >>> is shown.
>
> >>> I think html5 video tag is not working with phonegap by the moment.
>
> >>> Jairo
>
> >>> El jueves 15 de marzo de 2012 14:24:56 UTC, Nathi gugan escribió:
>
> >>>> 0 down vote favorite
> >>>> share [g+] share [fb] share [tw]
>
> >>>> <!DOCTYPE html>
> >>>> <html>
> >>>> <head>
>
> >>>> rel="stylesheet"
> >>>> type="text/css">
>
> >>>> <script src="http://vjs.zencdn.net/c/**video.js<http://vjs.zencdn.net/c/video.js>"></script>
>
> >>>> </head>
> >>>> <body>
>
> >>>> <video id="example_video_1" class="video-js vjs-default-skin"
> >>>> controls preload="none" width="340" height="264"
> >>>> poster="http://video-js.**zencoder.com/oceans-clip.png<http://video-js.zencoder.com/oceans-clip.png>"
> >>>> </head>
> >>>> <body>
>
> >>>> <video id="example_video_1" class="video-js vjs-default-skin"
> >>>> controls preload="none" width="340" height="264"
>
> >>>> data-setup='{"controls":true}'**>
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.mp4<http://video-js.zencoder.com/oceans-clip.mp4>"
>
> >>>> type='video/mp4' />
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.webm<http://video-js.zencoder.com/oceans-clip.webm>"
>
> >>>> type='video/webm' />
> >>>> <source src="http://video-js.zencoder.**com/oceans-clip.ogv<http://video-js.zencoder.com/oceans-clip.ogv>"
Simon MacDonald
May 4, 2012, 3:27:24 PM5/4/12
to phon...@googlegroups.com
The VideoPlayer plugin has been recently updated to enable playing from the assets folder so you no longer need to copy the files the SD Card, the plugin does it for you.
Simon Mac Donald
http://hi.im/simonmacdonald
Simon MacDonald
Feb 25, 2013, 10:11:20 PM2/25/13
to phonegap
Yes, already done. Yes.
On Mon, Feb 25, 2013 at 4:27 AM, Joshy Sav <josh...@gmail.com> wrote:
Please can you update your plugin, so videos can be played from the assets folder? Also does your plugin at the moment work in PhoneGap 2.4?
--
-- You received this message because you are subscribed to the Google
Groups "phonegap" group.
To post to this group, send email to phon...@googlegroups.com
To unsubscribe from this group, send email to
phonegap+u...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/phonegap?hl=en?hl=en
For more info on PhoneGap or to download the code go to www.phonegap.com
To compile in the cloud, check out build.phonegap.com---
You received this message because you are subscribed to the Google Groups "phonegap" group.
To unsubscribe from this group and stop receiving emails from it, send an email to phonegap+u...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
Sambruce Sam
Nov 6, 2013, 11:37:17 PM11/6/13
to phon...@googlegroups.com
Hell Simon,
Is there any simple app that uses your plugin?
Reply all
Reply to author
Forward
0 new messages