0

http://www.wimpyplayer.com/

在文档中搜索，但没有找到如何全屏运行。可能有人知道吗？

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

然后我会删除按钮面板，并使用setSize()功能设置播放器的大小。

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

4

1 回答 1

0

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

“选项响应大小-fullscreen.html”

...您可以用作参考。

诀窍是使用“数据响应”选项来让 wimpy 扩展到 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>

更新： wimpyplayer.com上的这个页面也解释了这一点。

于 2014-07-08T04:23:42.360 回答