返回顶部

收藏

youtube使用的HTML5 视频播放器

更多
<div id="video-player"> 
    <video width="640" height="360" src="/demo/google_main.mp4?2" autobuffer> 
        <div class="video-fallback"> 
            <br>You must have an HTML5 capable browser.
        </div> 
    </video> 
    <div class="controls"> 
        <button class="play-button"></button> 
        <div class="progress-bar"> 
            <div class="progress-list"> 
                <progress class="load-progress" value="0" style="width: 0%;"></progress> 
                <progress class="play-progress" value="0" style="width: 0%;"></progress> 
                <!-- I do not like using a transparent gif, but have not figured out how to prevent the image from dragging - czacharias --> 
                <a href="#" class="scrubber-button" style="left: 0%;"><img src="/demo/transp.gif" width="16" height="16"></a> 
            </div> 
            <span class="progress-text"><time class="current-time">00:00</time> / <time class="duration-time">00:00</time></span> 
        </div> 
        <button class="volume-button" value="max">
            <div class="volume-panel">
                <div class="volume-channel">
                    <a href="#" class="volume-slider" style="top: 0%;"><img src="/demo/transp.gif" width="20" height="10"></a>
                </div>
            </div>
        </button> 
        <button class="hd-button" value="on"></button> 
        <button class="fullscreen-button"></button> 
        <button class="menu-button"></button> 
    </div> 
    <div class="stats"> 
        <meter class="rating-stars"></meter> 
        <span class="rating-count">158 ratings</span> 
        <span class="view-count"><strong>311,916</strong> views</span> 
    </div> 
</div>

标签:html5,video,youtube

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. appked 发表 2014-05-31 13:59:16 Tuba for YouTube
  2. admin 发表 2017-02-15 21:00:00 An updated YouTube-8M, a video understanding chall
  3. appked 发表 2014-07-19 10:23:36 Videobox
  4. 博主 发表 2015-06-07 06:43:29 HTML5 Video和audio的使用
  5. gkp 发表 2013-08-06 05:17:23 Chrome 新视频广告三则
  6. appked 发表 2014-07-19 10:45:48 Downie
  7. Avin 发表 2017-06-27 02:08:45 视频H5のVideo标签在微信里的坑和技巧
  8. appked 发表 2014-08-05 02:47:28 YouTubeHunter
  9. appked 发表 2014-08-06 21:38:25 GetTheVideo
  10. targetkiller 发表 2013-10-27 11:51:51 网站动态背景的实现
  11. admin 发表 2013-12-22 03:17:21 Good Audio Extractor & U2B Converter
  12. techug 发表 2015-01-30 03:28:42 YouTube 将缺省用 HTML5 播放影片

发表评论