Не воспроизводится видео в Safari?

Question

[Илья Белобородов]

Есть сайтец www.nefterynok.info.
Если проскролить 70% страницы вниз, то внизу справа появляется видио. В хроме все ок. В сафари модалка появляется, а видео нет.
Модалка с классом .video_banner

PS: модалка не будет воспроизводится повторно, если вы закроете ее. что бы увидеть ее опять закройте все вкладки с этим сайтом.

Comments

[Дмитрий Беляев]

Не воспроизводится проблема... Все работает в safari 10
попробуйте:
1. добавить к video тэгу атрибуты playsinline и webkit-playsinline
2. убрать работу с sessionStorage

[Андрей]

Дмитрий Беляев:
Не воспроизводится видео ни в сафари ни в ТП. В простой сафари только крестик и надпись реклама, а в ТП превью видео.
Собственно говоря, хорошо что не работает.

[Илья Белобородов]

Решил. При загрузке страницы сафари не подгружает видео, так как оно display:none. После $('.video_banner').css('display', 'block') контейнер появляется, но видео так и не подгружается.
Сделал через opacity. При загрузке opacity 0, потом opacity 1;

Answer 1

[Илья Белобородов]

Решил. При загрузке страницы сафари не подгружает видео, так как оно display:none. После $('.video_banner').css('display', 'block') контейнер появляется, но видео так и не подгружается.
Сделал через opacity. При загрузке opacity 0, потом opacity 1;

Comments

[Илья Белобородов]

Андрей Горбунов: я бы тоже) но желание клиента с деньгами - закон)