.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) неопределенными не является функцией (OnClick)

Любая идея, что происходит?

изменить/это проблема в Хроме; Как я могу заставить его работать в Chrome?

Answer 1

Похоже, вы смешиваете свои переменные и идентификаторы. Используйте vid.play() вместо myVideo. Еще лучше, переместите переменную в вашу функцию, чтобы вы не полагались на глобальные переменные, и больше нет вопроса о области переменных.

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