Unity3d在浏览器中全屏显示

最新推荐文章于 2024-04-27 14:09:48 发布

ycyk_168

最新推荐文章于 2024-04-27 14:09:48 发布

阅读量8.4k

点赞数

分类专栏： Unity3d 文章标签： Unity3d全屏显示

本文链接：https://blog.csdn.net/ycyk_168/article/details/8301663

版权

Unity3d 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

unity3d发布成网页格式后，默认不是在浏览器中全屏显示，这个当然是不行的了，既然在网页中显示，那么就可以通过调整HTML+CSS来让界面100%显示，所以简单的修改一下其中的CSS即可！

修改后的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 | U3DWorkSpace</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 config = {
				params: { enableDebugging:"0" }
				
			};
			var u = new UnityObject2(config);

			jQuery(function() {

				var $missingScreen = jQuery("#unityPlayer").find(".missing");
				var $brokenScreen = jQuery("#unityPlayer").find(".broken");
				$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], "u3dtest.unity3d");
			});
		-->
		</script>
		<style type="text/css">
		<!--
		body {
			font-family: Helvetica, Verdana, Arial, sans-serif;
			background-color: white;
			color: black;
			text-align: center;
			width:100%;
			height:auto;
			margin:0px;
			padding:0px;
		}
		div.content {
			 width:100%;
			 height:auto;
			 margin:0px;
			 padding:0px;
		}
		div#unityPlayer {
			cursor: default;
			height: 100%;
			width: 100%;
			margin:0px;
			padding:0px;
		}
		-->
		</style>
	</head>
	<body>
		
		<div class="content">
			<div id="unityPlayer">
				
			</div>
		</div>
		
	</body>
</html>

切记要删除JS配置中的宽高

ycyk_168

关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
5
评论
Unity3d在浏览器中全屏显示

unity3d发布成网页格式后，默认不是在浏览器中全屏显示，这个当然是不行的了，既然在网页中显示，那么就可以通过调整HTML+CSS来让界面100%显示，所以简单的修改一下其中的CSS即可！修改后的HTML： Unity Web Player | U3DWorkSpace <!-- var unityObjectUrl = "Unit
复制链接

扫一扫

专栏目录