javascript - .play .onclick 停止工作

Question

自从我编写代码以来已经三周了，但我很确定上次打开它时它有效。现在不行了。要么我疯了，产生了错误的内存(也许是一厢情愿的想法)，要么发生了一些无法解释的事情。

我的代码:

<div id="Video1" >
    <button onclick="playVid()" type="button">Start conversation</button>
    <br>
    <script> 
        var vid = document.getElementById("myVideo"); 

        function playVid() { 
            myVideo.play(); 
            $.scriptcam.startRecording();
            $( "#recordStopButton" ).attr( "disabled", false );
        }
    </script>

<video id='myVideo' width="640" height="480" controls>

<source src="videos/Anger_He.mp4" type="video/mp4">

因此，当他们单击按钮时，它应该开始播放视频并同时激活 scriptcam 录像机。

netbeans 调试器:未定义不是函数 (.play) undefined 不是一个函数(onclick)

知道发生了什么吗？

编辑/这似乎是 CHrome 中的问题；我怎样才能让它在 Chrome 中工作？

Answer 1

看起来您正在混合变量和 ID。使用 vid.play() 而不是 myVideo。更好的是，将变量移到您的函数中，这样您就不再依赖全局变量，并且不再有任何关于变量范围的问题。

function playVid() { 
    var vid = document.getElementById("myVideo"); 
    vid.play(); 
    $.scriptcam.startRecording();
    $( "#recordStopButton" ).attr( "disabled", false );
}