【问题标题】:How to run in full screen on start?如何在启动时全屏运行?
【发布时间】:2014-07-07 08:43:32
【问题描述】:

http://www.wimpyplayer.com/

正在搜索文档,但没有找到如何全屏运行。有人知道吗?

或者那个玩家的新版皮肤机在哪里?当我进入谷歌时,我只找到一些old 是 Rave 的,我认为它是旧版本的播放器。但是我看到一个新版本的在线编辑器,我找不到。

然后我会移除按钮面板,并使用setSize() 函数设置播放器的大小。

从浏览器历史记录中找到皮肤机器。即使看起来我使用确切的关键字http://www.wimpyplayer.com/skinmachine/

,Google 也找不到它

【问题讨论】:

    标签: javascript wimpy


    【解决方案1】:

    在下载 ZIP 中有一个名为“test”的文件夹,其中包含此文件:

    "option-responsive-size-fullscreen.html"

    ...您可以用作参考。

    诀窍是使用“数据响应式”选项来让页面尺寸缩小到 CSS 中定义的大小。

    这是全屏运行所需的 HTML 的清理版本:

    <!DOCTYPE html>
    <html lang="en-US">
    <head>
    <title>Wimpy Player - Fullscreen</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    
    
    <!-- The following META tags are used to inform mobile-device browsers to present this page in full-screen mode.-->
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="Wimpy Player" />
    
    
    <style type="text/css" media="screen">
        /* Make page fill device window */
        html, body {
            width : 100%;
            height : 100%;
            margin:0;
            padding:0;
            overflow:hidden;
            background-color:#484848;
        }
        /* For the Player Instance DIV */
        .full {
            left:0px;
            top:0px;
            width : 100%;
            height : 100%;
        }
    </style>
    
    
    <!-- Prevent entire page from "bouncing" -->
    <script>document.addEventListener('touchmove',function(event){event.preventDefault();},false);</script>
    
    
    <!-- Wimpy Engine -->
    <!-- NOTE: Change WIMPY_INSTALLATION_FOLDER to target the wimpy.js file correctly. -->
    <script src="WIMPY_INSTALLATION_FOLDER/wimpy.js"></script>
    
    
    
    </head>
    <body>
    
    <!-- Set the DIV's class to "full" and set the "responsive" option 
    so the player automatically adjusts to fit snuggly within the view. 
    The responsive option also causes the player to adjust itself when 
    the orientation changes (e.g. from landscape to portrate) -->
    
    <!-- NOTE: Change data-media to target media files or a playlist. -->
    <div class="full" data-wimpyPlayer data-responsive data-media="song1.mp3|song2.mp3|song3.mp3"></div>
    
    
    </body>
    </html>
    

    更新: This page on wimpyplayer.com 也解释了这一点。

    【讨论】:

    • 我们注意到的问题是它没有在几部安卓手机上显示视频,即使是从他们的网站上也没有教程,只是显示加载器,所以我们离开了这个并坚持使用 jwplayer,它更贵但是工作没有问题。
    • ant 顺便说一句,仍然是全屏,但在该示例中具有所有按钮。我想要的是看到完整的视频,没有其他任何东西。但是我找到了皮肤机器并编辑了皮肤,删除了按钮。只是由于某种原因,视频底部保留了空白,例如 100 像素高度,不知道为什么,但现在不重要。感谢您的帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-02-27
    • 1970-01-01
    • 2013-11-18
    • 1970-01-01
    相关资源
    最近更新 更多