API tools faq
paste
Advertisement
Guest User

local movie player

a guest
May 18th, 2012
1,068
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. <meta http-equiv="Content-Style-Type" content="text/css" />
  6. <title>Play Movie using jPlayer</title>
  7. <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
  8. <style type="text/css">
  9. a.media   { display: block; }
  10. div.media { font-size: small; margin: 25px; width: 100% !important }
  11. div.media div, div.iframe_caption { font-style: italic; color: #888; }
  12. #lr { border: 1px solid #eee; margin: auto }
  13. div.example { padding: 20px; margin: 15px 0px; background: #ffe; clear:left; border: 1px dashed #ccc; text-align: left }
  14. </style>
  15. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16. <script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
  17. <script type="text/javascript" src="http://jquery.malsup.com/jquery.metadata.v2.js"></script>
  18. <script type="text/javascript" src="http://malsup.github.com/jquery.media.js"></script>
  19. <script type="text/javascript" src="js/swfobject.js"></script>
  20.  
  21. <script type="text/javascript">
  22. //<![CDATA[
  23. $(document).ready(function(){
  24.  
  25.     // grab url parameters function
  26.     $.extend({
  27.       getUrlVars: function(){
  28.         var vars = [], hash;
  29.         var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
  30.         for(var i = 0; i < hashes.length; i++)
  31.         {
  32.           hash = hashes[i].split('=');
  33.           vars.push(hash[0]);
  34.           vars[hash[0]] = hash[1];
  35.         }
  36.         return vars;
  37.       },
  38.       getUrlVar: function(name){
  39.         return $.getUrlVars()[name];
  40.       }
  41.     });
  42.  
  43.     function getURLParameter(name) {
  44.         return decodeURIComponent(
  45.             (location.search.match(RegExp("[?|&]"+name+'=(.+?)(&|$)'))||[,null])[1]
  46.         );  
  47.     }
  48.  
  49.     // Get object of URL parameters
  50.     var allVars = $.getUrlVars();
  51.  
  52.     // get all the passed parameters
  53.     var title =  $.getUrlVar('title').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  54.     var year =  $.getUrlVar('year');
  55.     var rated =  $.getUrlVar('rated');
  56.     var genre =  $.getUrlVar('genre').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  57.     var director =  $.getUrlVar('director').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  58.     var writer =  $.getUrlVar('writer').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  59.     var actors =  $.getUrlVar('actor').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  60.     var plot =  $.getUrlVar('plot').replace(/[^a-z0-9\s]/gi, ' ').replace(/[_\s]/g, ' ');
  61.     var imdbid =  $.getUrlVar('imdbid');
  62.     var poster_src=getURLParameter('poster');
  63.     var path=getURLParameter('path');
  64.    
  65.     // update content below
  66.     my_title=title+' ('+year+')';
  67.     $('#player-title').text(my_title);
  68.     $('#director-text').html('<b>Director:</b> '+director);
  69.     $('#writer-text').html('<b>Writer:</b> '+writer);
  70.     $('#actors-text').html('<b>Actors:</b> '+actors);
  71.     $('#plot-text').html(plot);
  72.     $("#poster_show").attr("src",poster_src);
  73.    
  74.     // clean up path
  75.     path = decodeURIComponent(path);
  76.    
  77.     // create player stuff
  78.     // $('.media').html('<a href="'+path+'" class="media">Watch my movie!</a>');
  79.     // $('#video').media( { width: 400, height: 300, autoplay: true } );
  80.  
  81. });
  82. //]]>
  83.  
  84. </script>
  85.  
  86. </head>
  87. <body>
  88.  
  89. <div id='player' style="clear:both;background-color:white;padding:35px;width:40%;margin-top:45px;margin-left:20%;margin-right:20%;-moz-border-radius: 20px;-webkit-border-radius: 20px;-khtml-border-radius: 20px;border-radius: 20px;" class="selector">
  90.  
  91.     <h1 id='player-title'></h1>
  92.  
  93.     <a class="media {width:300, height:300}" href="http://malsup.github.com/video/clear.avi">AVI File</a>
  94.  
  95.     <span id='video'></span>
  96.  
  97.     <div id='left' style="display:block;clear:left;width:50%;border:1px;">
  98.  
  99.         <p id='director-text'></p>
  100.  
  101.         <p id='writer-text'></p>
  102.  
  103.         <p id='actors-text'></p>
  104.         <br/><br/>
  105.         <p id='plot-text'></p>
  106.         <br/><br/>
  107.  
  108.     </div>
  109.  
  110.     <div id='right' style="display:block;clear:left;width:50%;">
  111.  
  112.         <img id='poster_show' src='' width='200' alt='Poster'>
  113.  
  114.     </div>
  115.  
  116.     <br style="clear:both;"/>
  117.  
  118. </div>
  119.  
  120. </body>
  121. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!