Прерывистый показ Vine Embed в Bootstrap Modal, Chrome/iPad
Я успешно встроил Vine в модальные всплывающие окна Bootstrap (3).
Однако они периодически отображаются как пустые (но со звуком) на Chrome и iPad. Особенно после (F5) обновления / перезагрузки и изменения размера экрана (chrome) или быстрого щелчка по экрану.
Внедрение - это стандартное вложение Vine с включенным аудио и автоигрой. (хотя iPad игнорирует автозапуск).
Когда я получаю пустой экран для встраивания Vine, инструменты разработчика F12 показывают, что в теле iframe Vine есть:
<div class="embed embed-simple not-mobile" style="height: 0px; width: 0px;">
Если я отрегулирую размеры в F12 (например, высота: 0px; ширина: 0px;), он появится. Я попытался добавить min-height & width к родительскому div, это не влияет на это.
Есть идеи, что делать дальше?!
Смотрите здесь: testkitten.com/cute-pets-quiz/ - или мне просто не использовать модалы?