Как это сделать?

Question

[lemonlimelike]

Вот первая часть кода

var i = 0;
    var image = document.getElementById("image");
    var imgs = new Array('play.png','pause.png'); 
    function imgsrc(){
      i++;
      image.src=imgs[i%imgs.length];
    }

Как сделать, чтоб смена картинок, то есть первая часть кода также работала и во второй части кода

function PlayPauseVideo(){
      if(video.paused){
        video.play();
        startDuration = setInterval(initDuration,1000/66);

      }
      else{
        video.pause();
        clearInterval(startDuration);


      }
    }

То есть в первой части кода смена картинок работает только когда жмешь на кнопку play.png/pause.png и они меняются, а как сделать чтоб картинки менялись также когда кликаешь на само видео?

Comments

[Леонид Князев]

Зачем дублировать один и тот же вопрос? Вы уже задавали его.

[Tizi]

Леонид Князев: Ты знаешь что такое безумие ?? Это задавать один и тот же вопрос на Тостер'е с надеждой на изменения или получение ответа.

[Slasherr]

Леонид Князев: Это намёк, на то что-бы сделать и дать ссыль на jsfidle || codepen :)

[lemonlimelike]

Tizi: Как бы сейчас онлайн больше, и может кто то все таки сделает

[Егор Живагин]

lemonlimelike: так тут же даже непонятно, как картинки сменяются. Покажите полный код тогда уж

[lemonlimelike]

Егор Живагин: jsfiddle.net/lemonlimelike/ag0hmuka/4

[Егор Живагин]

lemonlimelike: вешать функцию imgsrc() на video onclick и убрать с клика по кнопке - лучший вариант

[lemonlimelike]

Егор Живагин: А как это оформить? Извиняюсь, если я такой тупой, просто я не шарю в javascript'e

[Сергей delphinpro]

Извиняюсь, если я такой тупой, просто я не шарю в javascript'e

Постоянно спрашиваю, никто не отвечает: зачем лезть туда где не шаришь? =) Я вот под капот тачки никогда не лезу, потому что нифига там не шарю...

function PlayPauseVideo(){
    var image = document.getElementById("image");
    var imgs = new Array('play.png','pause.png'); 
    
    if(video.paused){
        video.play();
        startDuration = setInterval(initDuration,1000/66);
        image.src=imgs[0];
    } else {
        video.pause();
        clearInterval(startDuration);
        image.src=imgs[1];
    }
}

[lemonlimelike]

Сергей: Надо же немного разобраться, и тем более мне это необходимо для сайта.

Answer 1

[Александр Фёдорцев]

/*само видео*/.addEventListener('click', function(){/*первая часть кода*/});

Comments

[lemonlimelike]

Вообще перестали работать кнопки, ползунки и т.д.

[Александр Фёдорцев]

lemonlimelike: get(https://codepen.io/);

[lemonlimelike]

Александр Фёдорцев: jsfiddle.net/lemonlimelike/ag0hmuka/4

[Александр Фёдорцев]

lemonlimelike:

jsfiddle.net/lemonlimelike/ag0hmuka/4

Глаза-б мои такого не видели... Допишите в window.onload:

document.getElementById('video_panel').addEventListener('click', imgsrc);

Если не взлетит, то ну его на...

[Александр Фёдорцев]

Александр Фёдорцев:

Допишите в window.onload:

не фигню сморозил. В начало скрипта.