dreamweaver - 播放速度滚动条 - 视频不在浏览器中播放（在 Dreamweaver 预览中有效，但在浏览器中无效）

问题描述

这是我在本教程中找到的以下代码：https ://www.youtube.com/watch?v=gxc9QwnXJw4 我真的不知道我哪里出错了 - 这在 Dreamweaver 实时预览中效果很好，但没有不能在任何浏览器中工作.... 救命！

太感谢了！！

<html>
<head>
<meta charset="UTF-8">
<title>Skunk Tales Scramble</title>
    <style>
    #container
        {
            background: silver;
            width: 700px;
            height: 570px;
            border: 3px solid black;
            margin: 20px auto;
            text-align: center;
            
        }
        h1{
            margin-bottom: 0;
        }
        label, 
        {
            font-size: 25px;
        }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script>
        $(document).ready(function(){
        $("#speedSlider").change(function(){
            var speed = $(this).val();
            $("#player").get(0).playbackRate = speed;
            
    });
    </script>
    
</head>
<body>
<div id="container">
  <h1>Skunk Tales Scramble</h1>
  <video autoplay="true" id="player" loop="true" width="600" height="400" controls>
    <source src="skunktales text.mp4" type="video/mp4">
  </video>
    <div id="speedDetails">
    <label for="speedSlider">- Speed +</label><br />
    <input type="range" id="speedSlider" min="0" max="4" value="2" step=".1"/>
              </div>
    
    </div>
         
</body>
</html>```

标签： dreamweaverscrolleraudiovideoplaybackmediaplayback

dreamweaver - 播放速度滚动条 - 视频不在浏览器中播放（在 Dreamweaver 预览中有效，但在浏览器中无效）

问题描述

解决方案

推荐阅读