html5视频播放器 

<!doctype html> 
<html> 
<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  <title>Flare Video</title> 
  <link rel="stylesheet" href="stylesheets/flarevideo.css" type="text/css"> 
  <link rel="stylesheet" href="stylesheets/flarevideo.default.css" type="text/css"> 
  <script src="javascripts/jquery.js" type="text/javascript"></script> 
  <script src="javascripts/jquery.ui.slider.js" type="text/javascript"></script> 
  <script src="javascripts/jquery.flash.js" type="text/javascript"></script> 
  <script src="javascripts/flarevideo.js" type="text/javascript"></script>   
  <script type="text/javascript" charset="utf-8"> 
    jQuery(function($){ 
      fv = $("#video").flareVideo(); 
      fv.load([ 
        { 
          src=\'#\'" //localhost:8080/txyl/videos/c5a1b0ef-071c-4501-817c-ec31adeba82e.mp4', 
          type: 'video/mp4' 
        } 
      ]); 
    }) 
  </script> 
  <style type="text/css" media="screen"> 
    body { 
      background: #27282C url(images/bg.png) repeat; 
    } 
     
    #video { 
      -webkit-box-shadow: 0 0 20px #000; 
      -moz-box-shadow: 0 0 20px #000; 
      width: 900px; 
      height: 500px; 
      overflow: none; 
      margin: 5% auto; 
    } 
  </style> 
</head> 
<body> 
  <div id="video"></div> 
</body> 
</html>

 

posted @ 2014-08-10 10:08  商商-77  阅读(144)  评论(0)  编辑  收藏  举报