Проблема запуска видео функцией play()
 

Есть такой html-код:

<div class='noteVideoControl'>
              <input class='noteVideoControlBut1' id='video_1_24' type='image' src='./img/gen/videoStart.png' onclick='touchVideoPS()'/>
              <progress max='100' value='31'></progress>
            </div>
            <video width='100%' height='auto'>
              <source src='./downloads/video/video.mp4' type='video/mp4'/>
              Видео в вашем браузере не отображается :(
            </video>

И такой js-код:

function touchVideoPS(){
        video = document.getElementById("video_1_24");
        video.play();
      }

Проблема в том, что при нажатии на input функция touchVideoPS вызывается, но в консоли браузера выводится:
Uncaught TypeError: video.play is not a function

Что не так и как можно исправить?

feelzet,
перенести id из строки 2 в строку 5.