Skip to content

Instantly share code, notes, and snippets.

@macdonst
Created December 21, 2011 18:45
Show Gist options
  • Star 7 You must be signed in to star a gist
  • Fork 7 You must be signed in to fork a gist
  • Save macdonst/1507162 to your computer and use it in GitHub Desktop.
Save macdonst/1507162 to your computer and use it in GitHub Desktop.
PhoneGap Android VideoPlayer Plugin example
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=yes" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap</title>
<script type="text/javascript" charset="utf-8" src="phonegap-1.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="video.js"></script>
<script type="text/javascript">
function init(){
document.addEventListener("deviceready", console.log('ready'), true);
}
function playVideo(vidUrl) {
window.plugins.videoPlayer.play(vidUrl);
}
</script>
</head>
<body onload="init();">
<a href="#" onclick="playVideo('http://path.to.my/file.mp4')">Play HTTP</a><p/>
<a href="#" onclick="playVideo('file:///path/to/my/file.mp4')">Play File</a><p/>
</body>
</html>
@danigit001
Copy link

Hi macdonst, i will be really gratefull if you could post an full project example for cordova 2.2.0, im trying to make it work but unsuccessfully. Please help.

@djoseph74
Copy link

Here's what I have. Its basically the same thing as you see above:

<body onload="javascript:init()">
    <div class="app">
        <p><a href="#" onclick="playVideo('https://www.youtube.com/watch?v=gYOLV66XukY')">Play File</a><p/>
    </div>
    <script type="text/javascript" src="cordova-2.3.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="video.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript">
        app.initialize();

        function init()
        {
            document.addEventListener("deviceready", console.log('ready'), true);
        }

        function playVideo(vidUrl) 
        {
            window.plugins.videoPlayer.play(vidUrl);
        }
    </script>
</body>

@Peter125
Copy link

Peter125 commented May 7, 2013

Hello, please can anyone help me, I have problems to get the videoplayer plugin working in dreamweaver cs6.
Have anyone an link to a step by step tutorial for it?

Thanks for answers

Best regards

@llangill
Copy link

Hello,

Does anyone know if this plugin will work with Facebook embedded video? If not, does anyone know how to get Facebook video to work on a page?

L.

@mohammad-ali021
Copy link

is there any step by step tutorial of this plugin, because I have done the all steps but it didn't work for me in cordova 3.6!
any help ?

@sergiorafaelledezmavazquez

Play File


So I worked ; Opened window youtube in my Android

@faustoct1
Copy link

Does anyone know how to play embedded facebook videos in phonegap? I know that is possible to play the original mp4 but I'm not sure how trustworthy it is.

@varmarajnikant
Copy link

varmarajnikant commented Mar 17, 2017

hi , i have create a one cordova project and i want to play video in my app which is store in my phone
please tell me solution on varmarajnikant7051varma@gmail.com

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment