PHPMOTION JW Player Integration

phpmotion is a popular video script.by default phpmotion uses flash player to show/play videos at home page as well as video play page.The JW Player is the Internet's most advanced and flexible media player. in this tutorial I am going to show how it is really easy to do phpmotion jw player integration.

follow below steps for phpmotion jw player integration.

01. open  themes/default/templates/main_1.htm
go to

<script type="text/javascript" src="[var.base_url]/javascripts/jquery-1.2.3.pack.js">

and remove the next commented line and add jQuery.noConflict(); so it will be as below after change

<script type="text/javascript" src="[var.base_url]/javascripts/jquery-1.2.3.pack.js"></script>
  <script>jQuery.noConflict();</script>

02. open index.php

goto

$browse_videos = array();

and above it add the below code. here you may modify the sql statement as per your need.

$sql = "SELECT indexer, video_id, title, title_seo, date_uploaded, user_id, video_length, featured, approved, public_private FROM videos WHERE indexer=4 and approved='yes' AND public_private = 'public' ORDER BY RAND() DESC LIMIT 1";
$query = @mysql_query($sql);
if ($result_videos = @mysql_fetch_array($query)) {
$my_video_id       = mysql_real_escape_string($result_videos['video_id']);
}
$sql = "SELECT indexer, video_id,type, title, title_seo, date_uploaded, user_id, video_length, featured, approved, public_private FROM videos WHERE approved='yes' AND public_private = 'public' ORDER BY indexer DESC";
$query = @mysql_query($sql);
$countvids =1;
$plist ='';
while ($result_videos = @mysql_fetch_array($query)) {
         $my_video_id = mysql_real_escape_string($result_videos['video_id']);
         $type = mysql_real_escape_string($result_videos['type']);
         $title = mysql_real_escape_string($result_videos['title']);
         if($countvids == 1)
         {

                 $plist ='{';
               $plist.='image:"http://localhost/phpmotion_autoembed/uploads/thumbs/'.$my_video_id.'.jpg",';
               $plist.='file:"'.$base_url.'/uploads/'.$my_video_id.'.'.$type.'",';
               $plist .='title:"'.$title.'"';
               $plist .='}';
         }else
         {

               $plist .=',{';
               $plist.='image:"http://localhost/phpmotion_autoembed/uploads/thumbs/'.$my_video_id.'.jpg",';
               $plist.='file:"'.$base_url.'/uploads/'.$my_video_id.'.'.$type.'",';
               $plist .='title:"'.$title.'"';
               $plist .='}';
         }
         $countvids++;
}

03. now open  themes/default/templates/inner_index.htm

here

find the code as below

<!--Video Player Container.  This is where the player embed code goes-->
  <div id="index-player-container">
<div id="myAlternativeContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
     <script type="text/javascript">
     var flashvars = {};
     var params = {};
     var attributes = {};
     flashvars.player_mode = "playlist";
     flashvars.display_ads = "no";
     flashvars.playlist = "yes";
     flashvars.playlist_xml = "[var.base_url]/playlist.php";
     flashvars.logo = "top_right";
     flashvars.url_logo = "[var.base_url]/images/playerlogos/logo-player.png";
     flashvars.autoplay = "false";
     flashvars.color_nav_bar_top = "0xffffff";
     flashvars.color_nav_bar_bottom = "0x313131";
     flashvars.ads_background_color = "0x00CCFF";
     flashvars.ads_border_color = "0xCCCCCC";
     flashvars.scrubber_position_color = "0xffffff";
     flashvars.scrubber_load_color = "0x888888";
     flashvars.scrubber_background_color = "0xBBBBBB";
     flashvars.volume_bar_color = "0xBBBBBB";
     flashvars.buffering_time = 1;
     flashvars.aspect_ratio="stretch";
     params.allowfullscreen = "true";
     params.allowscriptaccess = "sameDomain";
     swfobject.embedSWF("[var.base_url]/player.swf", "myAlternativeContent", "710", "350", "9.0.0", false, flashvars, params, attributes);
   </script>
  </div>
 
  <!--End Video Player Container-->

this div contains the video player code now replace this div with the below code

<!--Video Player Container.  This is where the player embed code goes-->
  <div id="index-player-container">
 <script type="text/javascript" src="[var.base_url]/jwp/jwplayer.js"></script>
        <div id="myElement">Loading the player ...</div>
             <script type="text/javascript">
                    jwplayer("myElement").setup({
                                                    file: "[var.base_url]/uploads/[var.my_video_id].flv",
                                                    image: "[var.base_url]/uploads/thumbs/[var.my_video_id].jpg" ,
                                                    height: 350,
                                                    width: 710,
                                                    playlist: [[var.plist;htmlconv=no;]]
                                                   ,
                                          listbar: {
                                                      position: 'right',
                                                      size: 200
                                                   }
                                                });
            </script>
 </div>
   <!--End Video Player Container-->
   

for adding player at video play page you may apply similar code at play.php and inner_play.htm.

good day
Hiren Patel.