unity3d webplayer 16:9 居中显示模板

浏览数：50 / 时间：2015年06月09日

原地址：http://www.cnblogs.com/88999660/archive/2013/04/12/3016773.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Unity Web Player | Shadow_Demo</title>
        <script type=‘text/javascript‘ src=‘jquery.min.js‘></script>
        <script type="text/javascript">
        <!--
        var unityObjectUrl = "UnityObject2.js";
        if (document.location.protocol == ‘https:‘)
            unityObjectUrl = unityObjectUrl.replace("http://", "https://ssl-");
        document.write(‘<script type="text\/javascript" src="‘ + unityObjectUrl + ‘"><\/script>‘);
        -->
        </script>
        <script type="text/javascript">
        <!--
            var screenWidth = parseInt($(document).width()*0.8);     
            var screenHeight = parseInt(screenWidth*0.56);
            var config = {
                width: screenWidth, 
                height: screenHeight,
                params: { enableDebugging:"0" }
                
            };
            
            config.params["disableContextMenu"] = true;
            config.params["backgroundcolor"] = "FFFFFF";
            config.params["bordercolor"] = "FFFFFF";
            config.params["textcolor"] = "FFFFFF";
            config.params["logoimage"] =  "Logo.png";
            config.params["progressbarimage"] =  "front.png";
            config.params["progressframeimage"] = "black.png";

            var u = new UnityObject2(config);
            
            function Login(msg){                
                var user =getCookie("tourism_up");            
                if(user !=""){
                    u.getUnity().SendMessage("Login", "LoginFromWebpage", user);
                }
            }

            function getCookie(c_name)
            {
            if(document.cookie.length>0){
               c_start=document.cookie.indexOf(c_name + "=")
               if(c_start!=-1){ 
                 c_start=c_start + c_name.length+1 
                 c_end=document.cookie.indexOf(";",c_start)
                 if(c_end==-1) c_end=document.cookie.length
                 return unescape(document.cookie.substring(c_start,c_end))
               }
            }
            return ""
            }
            jQuery(function() {

                var $missingScreen = jQuery("#unityPlayer").find(".missing");
                var $brokenScreen = jQuery("#unityPlayer").find(".broken");
                var $unityPlayer = jQuery("#unityPlayer");
                var $content = jQuery(".content");                
                $content.height($(document).height());    
                $content.width($(document).width());
                $missingScreen.hide();
                $brokenScreen.hide();

                u.observeProgress(function (progress) {
                    switch(progress.pluginStatus) {
                        case "broken":
                            $brokenScreen.find("a").click(function (e) {
                                e.stopPropagation();
                                e.preventDefault();
                                u.installPlugin();
                                return false;
                            });
                            $brokenScreen.show();
                        break;
                        case "missing":
                            $missingScreen.find("a").click(function (e) {
                                e.stopPropagation();
                                e.preventDefault();
                                u.installPlugin();
                                return false;
                            });
                            $missingScreen.show();
                        break;
                        case "installed":
                            $missingScreen.remove();
                        break;
                        case "first":
                        break;
                    }
                });
                u.initPlugin(jQuery("#unityPlayer")[0], "0409.unity3d");
                var $embed = $("embed");    
                if(typeof($embed.css("display")) == "undefined"){
                    $embed = $("object")
                    }                
                $embed.css("display","");
            });
        -->
        </script>
        <style type="text/css">
        <!--    
        *{margin:0}
        body {
            font-family: Helvetica, Verdana, Arial, sans-serif;
            background-color: white;
            color: black;
        }
        a:link, a:visited {
            color: #000;
        }
        a:active, a:hover {
            color: #666;
        }
        p.header {
            font-size: small;
        }
        p.header span {
            font-weight: bold;
        }
        p.footer {
            font-size: x-small;
        }
        div.content {            
            position: relative;
            display: table-cell;
            vertical-align:middle;
            text-align:center;
        }
        div.broken,
        div.missing {
            margin: auto;
            position: relative;
            top: 50%;
            width: 193px;
        }
        div.broken a,
        div.missing a {
            height: 63px;
            position: relative;
            top: -31px;
        }
        div.broken img,
        div.missing img {
            border-width: 0px;
        }
        div.broken {
            display: none;
        }
        div#unityPlayer {
            cursor: default;
        }
        -->
        </style>
    </head>
    <body>

        <div class="content">
            <div id="unityPlayer">
                <div class="missing">
                    <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
                        <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
                    </a>
                </div>
            </div>
        </div>        
    </body>
</html>