CODEWITHSUNDEEP
phpembedjwplayer
user2118463
user2118463

Reputation: 103

JW Player not working in Chrome

Iam using JW Player in the website to play youtube videos. I have used embed code for that. It is working properly in all browsers when executing the file from my local diretory. But it is not working in google chrome when executing the file from the server. Below is the code.

<embed id="ply" height="384" width="430" flashvars="autostart=true&repeat=always&file=http:/www.youtube.com/watch?v=cNBFihPwThM&screencolor=000000&backcolor=000000&frontcolor=ffffff&skin=http://www.creatingafamily.org/modules/mod_jwmedia/skins/snel.swf" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="ply" style="" src="http://www.creatingafamily.org/modules/mod_jwmedia/player.swf" type="application/x-shockwave-flash"/>

Please help to achieve this. Thanks in advance.

Upvotes: 3

Views: 9949

Answers (1)

Kovge
Kovge

Reputation: 2019

First of all , we should let jwplayer's javascript to build the html code.

Initilaize jwplayer with js, and use HTML5 video in html like this:

<center>            
    <video controls="controls" id="container" poster="http://www.example.com/yourvideothumbs/videothumb.jpg"  width="693" height="388">
            <source src="http://www.example.com/videos/jourvideo.mp4" type="video/mp4" />
    </video>                        
</center>

Javascript:

if(navigator.userAgent.toLowerCase().match(/(android)/) || navigator.userAgent.toLowerCase().match(/(chrom)/) ){
    //wee must force flash video player in chrome, because mp4 video files is not supported yet in chrome's HTML5 video implementation.
    modes = [{type: 'flash', src:  '[JWPLAYERBASEDIR]/swf/player.swf'}];
}else{
    modes = [ {type: 'html5'},{type: 'flash', src:  '[JWPLAYERBASEDIR]swf/player.swf'}];
}

jwplayer("container").setup({                   
    'modes':modes,      
});

This worked me in all browsers. jwplayer can conform if is HTML5 supported or not.

Or the below with forced HTML4 implementation:

<div id="container"></div>
<script type="text/javascript">
    jwplayer("container").setup({
       modes = [{type: 'flash', src:  '[JWPLAYERBASEDIR]/swf/player.swf'}], //force flashplayer for video
       image: "yourvideothumbs/videothumb.jpg", //poster image
       file: "videos/jourvideo.mp4",  //video file 
       height: "693", //set height in px
       width: "388" //set width in px
   });

And in setup you can set skin, controls, autostart anything you want: http://www.longtailvideo.com/support/jw-player/28839/embedding-the-player/

Upvotes: 3

Related Questions