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

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

<!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>