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

时间:2017-05-04

  CSS:

.player {
    width: 720px;
    height: 360px;
    margin: 0 auto;
    background: #000 url(../images/loading.gif) center/300px no-repeat;
    position: relative;
}
 
video {
    display: none;
    height: 100%;
    margin: 0 auto


  3.播放功能

  让我们开始写javascript代码吧,首先我们先获取要用到的DOM元素:

var video = document.querySelector("video");
var isPlay = document.querySelector(".switch");
var expand = document.querySelector(".expand");
var progress = document.querySelector(".progress");
var loaded = document.querySelector(".progress > .loaded");
var currPlayTime = document.querySelector(".timer > .current");
var totalTime = document.querySelector(".timer > .total");
  • 共7页:
  • 上一页
  • 4/7
  • 下一页
  • 上一篇:HTML5 手势检测原理和实现 下一篇:如何将 HTML5 性能发挥到极致

    相关文章

    最新文章