Question

基本上，我的一个脚本可以工作，而另一个则不能。我正在尝试使用javascript自定义播放按钮功能，但是每当我尝试加载脚本时，该脚本似乎对视频都没有影响。

我已经检查了代码本身，甚至返回index.html来查看我是否对标记犯了任何错误。在检查脚本之后，我还发现该脚本不存在，但已在index.html中声明。

 index.html





    <div class="container">


    <div class="c-video">
                        <video class="video" src="stranding.mp4"></video>
                        <div class="controls">
                                <div class="orange-bar"></div>
                                    <div class="orange-juice"></div>

                    <div class="buttons">
                        <button id="play-pause"></button></div>

                   </div>

                </div>
            </div>

            <script src="script.js"></script>
            <script src="alert.js"></script>



________________________________________________________________________
        var video = document.querySelector("video");
        var juice = document.querySelector("orange-juice");
        var btn = document.getElementById("play-pause");




        function togglePlayPause() {
            if(video.paused){
                btn.className = "pause";
                video.play();

         } else {

            btn.className = "play";
            video.pause();
         } 
        }

        btn.onclick = funtion() {
            togglePlayPause();
        };


    ________________________________________________________
    stye.css 

    .buttons button.play:before {
        content: "\fo4b";
    }

    .buttons button.pause:before {
        content: "\f04c";
    }

    .orange-bar{
        height: 10px;
        top: 0;
        left: 0;
        width: 100%;
    }

    .orange-juice{
        height: 10px;
        background-color: silver;
    }

我希望脚本导致视频播放/暂停，但不是。

Answer 1

您错误地引用了“播放/暂停”按钮。代替：

def ask():
    while True:
        arg = input("").lower()
        if arg == "add":
            addTask(input("What is the task? "),input("When's it due? "),input("What's the category? "))
        elif arg =="help":
            help()
        elif arg =="list":
            list_tasks()
        else:
            print("Command not recognized. Type 'help' for a list of commands.")

使用

document.getElementById(".play-pause");

Answer 2

您正在document.getElementById("play-pause");中使用“ .”类选择器

document.getElementsById

不看HTML也不知道到底发生了什么，请尝试

var btn = document.getElementById(".play-pause");

如何解决“ script.js”不起作用的问题

2 个答案: