html5视频播放器通过模板

秋风秋雨 分享于 15小时前 7356阅 0人收藏此代码, 我要收藏

html5视频播放器通过模板

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Video Player</title>
  <link rel="stylesheet" href="player.css">
  <script src="player.js"></script>
</head>
<body>
<section id="player">
  <video id="media" width="720" height="400"> 
    <source src="http://minkbooks.com/content/trailer.mp4">
    <source src="http://minkbooks.com/content/trailer.ogg">
  </video> 
  <nav>
    <div id="buttons">
      <button type="button" id="play">Play</button>
    </div>
    <div id="bar"> 
      <div id="progress"></div>
    </div>
    <div style="clear: both"></div>
  </nav>
</section>
</body>
</html>
<!--该代码片段来自于: http://www.sharejs.com/codes/html/5028-->

标签:
  • video
  • 视频播放器
  • 模板