Как можно изменить js код, чтобы захват шел на определенное видео?

Question

[swks]

var videos = document.getElementsByTagName("#video"),
        fraction = 0.8;
        function checkScroll() {

            for(var i = 0; i < videos.length; i++) {

                var video = videos[i];

                var x = video.offsetLeft, y = video.offsetTop, w = video.offsetWidth, h = video.offsetHeight, r = x + w, //right
                    b = y + h, //bottom
                    visibleX, visibleY, visible;

                    visibleX = Math.max(0, Math.min(w, window.pageXOffset + window.innerWidth - x, r - window.pageXOffset));
                    visibleY = Math.max(0, Math.min(h, window.pageYOffset + window.innerHeight - y, b - window.pageYOffset));

                    visible = visibleX * visibleY / (w * h);

                    if (visible > fraction) {
                        video.play();
                    } else {
                        video.pause();
                    }

            }

        }

        window.addEventListener('scroll', checkScroll, false);
        window.addEventListener('resize', checkScroll, false);
        </script>

есть код, который запускает воспроизведение видео в тот момент когда оно появляется в окне, но в чем проблема, если еще есть видео на страничке то второе уже не работает так как js читает этот тег можно ли поменять код так что бы читало по id="video"

Answer 1

[Дмитрий Кузнецов]

Так просто поменяйте теги для видео.

Answer 2

[Валерий Серов]

Id может быть только один поэтому использовать нужно классы! Обязательно прочтите про перебор массива each();
А так все работает просто искать нужно по классу.

var videos = document.getElementsByTagName("#video"), // так не будет робить
var videos = document.getElementsByTagName("video"), // а так кстати будет))))

Comments

[swks]

Валерий Серов: не подскажешь почему так получается, есть 2 видео с одинаковым id но одно нормально проигрывается как нужно, то бишь при появлении видео в области экрана оно начинает играть как только пропадает оно останавливается, а вот второе проигрывается тога когда как раз таки в область экрана не попадает

[Валерий Серов]

swks: надо увидеть так не скажу

[swks]

Валерий Серов: spt.od.ua/test2/index.html вот сайт, вот тут первое видео https://pp.vk.me/c629101/v629101959/208b3/WCTZOKzt..., второе видео в конце перед футером