Видео как заставка на телефоне

Видео MP4 или любой формат в качестве заставки на гибридном приложении, например, разрыв телефона / Cordova. как текущее приложение Ubber

Источник

4 ответа

Я знаю, что довольно поздно, но вы можете использовать тег HTML5 для воспроизведения видео после загрузки документа. Прослушайте событие (конец видео), чтобы скрыть видео и показать контент, который появляется после всплеска

Вот образец

<div id="splashVid" class="centerpage" style="overflow:hidden; display:block">
    <video width="100%" autoplay onended="splashEnd();">
        <source src="BT-logo-splash.mov" type="video/mp4">
        Your browser does not support the video tag.
    </video>
</div>

В функции "splashEnd()" вы можете написать, что вы хотите делать, когда заканчивается заставка видео

Также в моем случае видео доступно локально в комплекте приложений. Если вы используете URL, обязательно прослушайте другие события для тега, чтобы убедиться, что пользователю не придется сталкиваться с буферизацией в начале запуска приложения.

Источник

Это ваши splashscreen.html и splashscreen.js, включите их в ваше приложение и перенаправьте на домашнюю страницу после завершения воспроизведения видео, установив setTimeout time

$(document).ready(function(){
         var url = $('iframe').attr('src');
         url = url+'?autoplay=1';
  $('iframe').attr('src', url);

        setTimeout(function(){
                //location.href="home.html";//redirect to home from here,you can set timeout to the video length
alert("video Completed");
            },5000);
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body style="margin:0px;padding:0px;overflow:hidden">
    <iframe src="http://www.youtube.com/embed/XGSy3_Czz8k" frameborder="0" style="overflow:hidden;height:150%;width:150%" height="150%" width="150%"></iframe>
</body>

Источник

Экран-заставка Cordova - это встроенный диалог, который отображается во время загрузки гибридного приложения в веб-представлении. По крайней мере, это должно быть правильное использование.

Любое решение о показе HTML-видео / анимации и т. Д. Заключается в отображении их в веб-представлении. Так что это бесполезно.

Лучшим решением будет разветвление плагина-заставки Cordova и добавление поддержки видео.

Источник

Невозможно поместить mp4 или gif файл в качестве заставки в phonegap / Cordova. Вы можете загрузить страницу index.html напрямую, там вы можете воспроизвести видео и перейти на следующую страницу.

Надеюсь, это поможет тебе.

Источник

Здесь у вас есть плагин, я не знаю, как он работает, возможно, вам придется углубиться в код

https://github.com/brunomrpx/cordova-plugin-video-splashscreen

Источник
Другие вопросы по тегам