HTML5 VideoAPI,打造自己的Web视频播放器

时间:2017-05-04

  1.播放控件

<body>
<figure>
    <figcaption>视频播放器figcaption>
    <div class="player">
        <video src="./video/mv.mp4">video>
        <div class="controls">
            
            <a href="javascript:;" class="switch fa fa-play">a>
            
            <a href="javascript:;" class="expand fa fa-expand">a>
            
            <div class="progress">
                <div class="loaded">div>
                <div class="line">div>
                <div class="bar">div>
            div>
            
            <div class="timer">
                <span class="current">00:00:00span> /
                <span class="total">00:00:00span>
            div>
            
        div>
    div>
figure>

  • 共7页:
  • 上一页
  • 2/7
  • 下一页
  • 上一篇:HTML5 手势检测原理和实现 下一篇:如何将 HTML5 性能发挥到极致

    相关文章

    最新文章