html5视频播放器

最新推荐文章于 2024-09-23 15:39:56 发布

商商-77

最新推荐文章于 2024-09-23 15:39:56 发布

阅读量738

点赞数

分类专栏： html

html 专栏收录该内容

101 篇文章

订阅专栏

<!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>