Question

视频mp4 或混合应用中的任何格式启动画面，如手机间隙/ cordova。像当前的Ubber App

Answer 1

我知道我已经很晚了，但您可以在加载文档后使用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>

在函数＆＃34; splashEnd（）＆＃34;您可以在启动视频结束时写下您想要做的事情

同样在我的情况下，视频在应用包中本地可用。如果您使用的是URL，请确保收听该标记的其他事件，以确保用户在应用启动开始时不必面对缓冲。

Answer 2

无法将mp4或gif文件作为启动画面放在 phonegap / Cordova 中。您可以直接加载 index.html 页面，您可以播放视频，也可以导航到下一页。

希望它会对你有所帮助。

Answer 3

这是您的 splashscreen.html 和 splashscreen.js ，将其包含在您的应用中，并在完成视频播放后在主页上重定向，方法是设置 setTimeout < / strong>时间

＆＃13;
＆＃13;
$(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); });
＆＃13;
<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>
＆＃13;
＆＃13;
＆＃13;

Answer 4

cordova初始屏幕是一个本地对话框，在将混合应用程序加载到web视图中时显示。至少这应该是正确的用法。

任何有关显示HTML视频/动画等的解决方案都涉及在Web视图中显示它们。因此，它根本没有用。

最好的解决方案是分叉cordova初始屏幕插件并添加视频支持。

视频作为flashgap上的闪屏

4 个答案: