Question

我的页面上有一个小的一行标题和一个视频。我需要视频不要太大以至于“过分”。我正在使用以下嵌入代码将Flash视频嵌入到网页中：

<object type="application/x-shockwave-flash" data="AdobeCaptions_controller.swf" width="800" height="722">
<param name="quality" value="best" />
<param name="bgcolor" value="#1a1a1a" />
<param name="allowfullscreen" value="true" />
<param name="scale" value="showall" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="autostart=false&thumb=FirstFrame.png&thumbscale=45&color=0x1A1A1A,0x1A1A1A" />

不幸的是，我的一些同事有点老年人，他们将浏览器放大到可笑的小尺寸。我知道如何使用javascript来确定浏览器的查看区域，但我似乎无法控制html中的宽度和高度值。我确定我错过了一个最简单的细节。任何帮助将不胜感激。

Answer 1

更新

我弄清楚我做错了什么。对于将来偶然发现这篇文章的人，我发现如果不重新嵌入新对象，就无法动态调整Flash内容的大小。我能够通过以下方式获得满意的结果：

<script type="text/javascript">
var vid_width = 800;
var vid_height = 722;
if (window.innerWidth){ //if browser supports window.innerWidth
    var width = window.innerWidth;
    var height = window.innerHeight;
}
else if (document.all){ //else if browser supports document.all (IE 4+)
    var width = document.body.clientWidth;
    var height = document.body.clientHeight;
}
if(height<(vid_height+40)){//if window is not tall enough
    var scale_factorH = (height-40)/vid_height;
    vid_height = vid_height * scale_factorH;
    vid_width = vid_width * scale_factorH;
}
if(width<vid_width){//if window is not wide enough
    var scale_factorW = width/vid_width;
    vid_height = vid_height * scale_factorW;
    vid_width = vid_width * scale_factorW;
}
</script>
<script type="text/javascript">
document.write("<object ");
document.write(" width = '"+vid_width+"' ");
document.write(" height = '"+vid_height+"' ");
document.write("id='csSWF'>");
</script>

使用基于查看区域的javascript动态更改html对象中嵌入式Flash文件的大小

1 个答案: