не работает видео android

[cyber]

На андроиде в хроме и опере вместо видео чёрный экран, видео может в один момент появится, может нет.
В лисе все срабатывает моментально https://jsfiddle.net/0du7LmfL/3/embedded/result/

[cyber]

Продубливаровал вопрос http://stackoverflow.com/questions/2...obile-devieces

[cyber]

Решение нашел, выложил на stackoverflow

[ruslan_mart]

cyber, а если так:

var source = document.createElement('source'),
    video = document.createElement('video');
source.type = 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"';
source.src = 'http://cyberua.16mb.com/player/data/video3.mp4';
video.appendChild(source);
document.body.appendChild(source);

[cyber]

Ruslan_xDD, не, пробывал

[cyber]

После кучи страданий эксперементов пришел к выводу что проблема в кодировки видео.

https://developer.mozilla.org/en-US/..._media_formats

[Octane]

Может еще от одной проблемы предупрежу
В Safari 7-8 если audio/video элемент уже проигрывался и вызвать play синхронно со сменой src, то воспроизведение не начнется.

video.src = '…';
video.play(); // бесконечная загрузка

video.src = '…';
setTimeout(function () {
    video.play(); // работает
}, 0);

[cyber]

Может еще от одной проблемы предупрежу

Может знаешь еще какие то баги, с видео ?)

[Octane]

В том же safari не всегда срабатывает canplay, нужно подписываться на canplay и canplaythrough.

canPlayType может вернуть "no" вместо пустой строки.

[cyber]

В том же safari не всегда срабатывает canplay, нужно подписываться на canplay и canplaythrough.

В firefox тоже веселье с canplay и canplaythrough они не срабатывают пока не вызвать play(), пришлось проверять по timeout если

video.readyState !== video.HAVE_ENOUGH_DATA

то

( function waitCanPlay() {

                if ( video.readyState == 4 ) {
                    return callback( null );
                }

                else if ( ++i == 15 ) {
                    return callback ( "Failed download video" );
                }

                setTimeout( waitCanPlay, 300 );
            } () );
        };