gpt4 book ai didi

javascript - 重新调整 Flash 对象的大小无法正常工作

转载 作者:太空宇宙 更新时间:2023-11-04 10:39:15 25 4
gpt4 key购买 nike

我正在制作一个 Flash 画廊,对于这个画廊,我希望视频有一定的大小。当我第一次开始使用它时,闪光灯非常小,而且无法正确调整自身大小。昨晚深夜,我让它工作到正确的大小,但无论出于何种原因,它似乎占据了整个 body 标签并将所有其他元素插入 html 元素。作为示例,我放置了一个 h1 标签来展示它是如何做到这一点的。我正在使用 swffit 和 swfobject 来使闪光灯工作,但我几乎肯定问题出在 swffit 或什至是我的代码上。我开始为此制作一个 jsfiddle 示例,但它对我试图放入其中的任何 flash 对象都非常敏感。对此的任何帮助将不胜感激。

SWFOBJECT:https://github.com/swfobject/swfobject.git

SWFFIT:http://swffit.millermedeiros.com/

HTML 和 JavaScript

<!doctype html>

<html lang="en">

<head>
<meta charset="utf-8">

<title>Flash Test</title>
<meta name="description" content="Flash stuff">
<meta name="author" content="SitePoint">

<link rel="stylesheet" href="styles/style.css">
<script src="js/swfobject.js"></script>
<script src="js/swffit.js"></script>

<script type="text/javascript">
var height = window.innerHeight - 160;
var width = window.innerWidth - 140;
if ((height * 1.375) < width) {
width = height * 1.375;
} else {
height = width / 1.375;
}
</script>

<script type="text/javascript">
var flashvars = {},
//params = {wmode:"transparent"},
params = {},
attributes = {};
swfobject.embedSWF("swfs/scoob.swf", "moviefun", width -140, height -160, "9.0.0", "js/swfobject.js", flashvars, params, attributes);
swffit.fit("moviefun", "1", "1", width, height, true, false);
</script>

</head>

<body>
<script type="text/javascript">
window.onresize = doResize;

function doResize() {
height = window.innerHeight - 160;
width = window.innerWidth - 140;
if ((height * 0.7175) < width) {
width = height * 0.7175;
} else {
height = width / 0.7175;
};
swffit.fit("moviefun", "1", "1", width, height, true, false)
}
</script>
<div>
<h1 id="mainText">Hey there</h1>
<div id="moviefun">It didn't work prob bc of internet explorer... if not though can't help ya......</div>
</div>
<script src="scripts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</body>

</html>

CSS

body {
background-color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
}

#moviefun {
position: absolute;
top: 0px;
left: 70px;
background-color: red;
}

#mainText {
background: yellow;
}

这是问题的图片,它比预期的要小,而且仍然将所有其他内容插入 HTML 标签

https://i.gyazo.com/6fc868e77cb8ddbb0f5e477f1b2caf17.png

最佳答案

调整 SWF 的大小最好通过调整父容器的大小来处理。参见 Resize an SWF when loading it with SWFObject

关于javascript - 重新调整 Flash 对象的大小无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35960618/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com