为什么没有用呀 playbackRate 改了倍数没有用呀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>音频 API </title>
    <style>
    .video{
        display: inline-block;
        width: 100px;
        height: 40px;
        border-radius: 10%;
        background: #fafaaa;
        line-height: 40px;
        text-align: center;
        cursor: pointer;
    }
    
    </style>
</head>
<body>
    <!-- Video API playbackRate -->
    <video id="myVideo" width="1000px" controls src="data/imooc.mp4"></video>
    <input type="range" id="range" max="100" min="0" value="50">
    <div id="playVideo" class="video">播放</div>
    <div id="stopVideo" class="video">暂停</div>
    <div id="goVideo" class="video">快进</div>
    <div id="loopVideo">不循环</div>
    <script>
    // 选中的Video 标签
    var VideoNode=document.getElementById('myVideo');

    // palybackRate  设置/返回视频的播放的速度
// console.log(VideoNode.playbackRate)
VideoNode.playbackRate=2;
console.log(VideoNode.playbackRate)





// loop 视频结束后是否循环播放
// console.log(VideoNode.loop);
// VideoNode.loop=true;
var loop=document.getElementById('loopVideo')
loop.onclick=function(){
if(VideoNode.loop==false){
    this.innerHTML='循环'
    VideoNode.loop=true;

}else{
    this.innerHTML='不循环'
    VideoNode.loop=false;

}
}

//ended 返回视频是否播放完了
// console.log(VideoNode.ended)
// 事件监听 ended  可以做循环播放
// VideoNode.addEventListener('ended',function(){
    // console.log('视频播放结束了')
    // VideoNode.play();
// })





// src 控制视频的来源
VideoNode.src="data/imooc.webm"
// src 返回的数据
// console.log('src='+VideoNode.src)
// currentsrc 当前视频的来源(必须是在音视频 可以加载播放的时候 而且不能赋值)
// console.log('currentSrc='+VideoNode.currentSrc);
// setTimeout(function(){
//     console.log('currentSrc='+VideoNode.currentSrc);
// },200)



// 返回视频当前的网络状态
// setTimeout(function(){
//     console.log(VideoNode.networkState)
// },1000)



// 手动设置video 静音  muted
// VideoNode.muted=true;


    //手动设置显示控件  controls
    // VideoNode.controls=true;


// volume 设置/返回当前视频的音量

// VideoNode.volume=0.5
// console.log(VideoNode.volume)
// document.getElementById('range').oninput=function(){
    // VideoNode.volume=this.value/100
// }








//设置/返回当前视频播放的长度
// setInterval(function(){
//     console.log(VideoNode.currentTime)
// },1000)

// currentTime 设置视频开始时间
// VideoNode.currentTime=50;

//设置快进
// document.getElementById('goVideo').onclick=function(){
//     VideoNode.currentTime=VideoNode.currentTime+10;
//     }

    // window.onclick=function(){
    //     VideoNode.play();
    // }
    // setTimeout(function(){
    //     VideoNode.pause()
    // },4000)

    //duration 获取视频的总时间 按秒计算  分钟 秒
    // setTimeout(function(){
    //     // console.log(VideoNode.duration)
    //     var min=parseInt(VideoNode.duration/60)
    //     var sec=parseInt(VideoNode.duration%60)
    //       console.log(min+':'+sec)
    // },200)

   //play 自定义播放
    document.getElementById('playVideo').onclick=function(){
        VideoNode.play();
    }
   //pause 自定义暂停
    document.getElementById('stopVideo').onclick=function(){
        VideoNode.pause();
    }

  

   
    </script>
</body>

强强强哥 2019-07-01

源自：HTML5音视频 3-7 playbackRate、readyState