HTML5 video currentTime не работает в Chrome

286
26 ноября 2016, 19:46

Я пытаюсь сделать свой HTML5 видеоплеер для сайта. Для того что бы переключать время по клику на timebar использую вот этот код:

controls.total.click(function(e) {
        var x = e.pageX;
        var prog = $(this);
        var maxduration = video.duration;
        var position = x - prog.offset().left;
        var percentage = 100 * position / prog.width();
        if(percentage > 100) {
            percentage = 100;
        }
        if(percentage < 0) {
            percentage = 0;
        }
        controls.progress.css('width',percentage+'%');
        video.currentTime = maxduration * percentage / 100;
    });

Он работает во всех браузерах (IE9, Edge, Firefox) но не в Chrome. В нём вместо перематывания currentTime становится равен 0. Почему?

READ ALSO
Как обычный сайт можно **довести** до Google AMP?

Как обычный сайт можно **довести** до Google AMP?

'Картинки заменяются на те, что были изменены до размера экрана пользователя' - Кто этим будет заниматься и как? Сервер сайта - это безумная...

260
Кольцо с секциями HTML

Кольцо с секциями HTML

Как сделать кольцо с секциями, чтоб при изменении данных секции меняли размер заливки и цвет?

208
Кроссбраузерность в Firefox

Кроссбраузерность в Firefox

Привет всем) Помогите пожалуйста с отображением страницы в FirefoxСделал все по макету в хроме тестил все норм

246