mgtv - 素材

当前位置:Gxlcms > 播放器 > jquery+html5视频播放器插件

jquery+html5视频播放器插件

时间:2021-07-01 10:21:17 帮助过:0人阅读

jquery+html5视频播放器插件 jquery+html5视频播放器插件是一款基于jquery+CSS3+html5实现的视频播放器插件代码。
  <head>
    <meta charset="utf-8">
    <title>jquery+html5视频播放器插件 - mgtv素材</title>
    <link href="css/flat-ui.css" rel="stylesheet">
  </head>
  <body>
    <div class="container" style="margin:20px auto;">
        <div class="span8 demo-video">
            <video class="video-js" controls
              preload="auto" width="620" height="256" poster="images/video/poster.jpg" data-setup="{}">
              <source src="https://www.mgtv.xyzyeshou.mp4" type='video/mp4'/>
              <source src="https://www.mgtv.xyzoceans-clip.webm" type='video/webm'/>
            </video>
        </div>
      </div>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="js/video.js"></script>
  <br><br>
  <div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>