Почему не работает onclick на wordpress?

Question

[Павел Воронюк]

Есть вот такая страничка www.intaxi.si/home-application

Пытаюсь убрать стандартные кнопки и добавить свою.

Вот код блока с видео и кнопкой

<div class="wpb_wrapper"><div class="antica-text-block iphone-video vc_custom_1496827302995 dark"><div class="content_text text-left "><p><br>
<video id="iphone-video" width="282" height="500"><source src="/wp-content/uploads/2017/06/intaxi.mp4" type="video/mp4"></video><br>
<button onclick="playPause()"></button></p></div></div></div>

и код скрипта

var myVideo=document.getElementById("iphone-video");
function playPause(){
if(myVideo.paused)
myVideo.play();
else
myVideo.pause();
}

в Wordpress использую плагин Visual Composer и он в тектовом блоке не разрешает вставлять onclick но через стандартный редактор все норм. Но может всеравно плагин блолкирует? или я просто туплю где то ?)

Comments

[Егор]

Смотрите как конечный элемент на странице выглядит, может вырезаются какие-то атрибуты

Answer 1

[Алексей Скляров]

Я может скажу глупость, но мне кажется что

var myVideo=document.getElementById("iphone-video");

надо описывать в самой функции, а не выше нее.

Comments

[Павел Воронюк]

возможно и не глупость но я этот код взял отсюда

https://www.w3schools.com/html/tryit.asp?filename=...

[Sergiu Mitu]

К сожалению глупость да.
Все дело в том что вы объявляете переменную myVideo которая ищет элемент с id "iphone-video" которого по факту ещё нет на странице. Тоесть нужно просто подключать скрипты в конце файла, тоесть перед </body>, это избавит вас от многих проблем в будущем. В примере откуда вы взяли код ведь именно так и сделано, все логично, просто нужно быть внимательнее.

[Павел Воронюк]

Сергей: Спасибо добрый человек )