问题描述
这是我在本教程中找到的以下代码: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>```
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)