[JS]用js来控制swf播放器的宽高
放在一個div中包起來,然后利用js取得该div的id。然後,直接用js去更改寬跟高
js写法:
document.getElementById("mvObj").style.width="260px";
document.getElementById("mvObj").style.height="240px";
html中<object>的部分,需要把width及height的大小改成百分比,例:width="100%" height="100%"。
接著,最重要的是在<embed>中也需要把width及height表示出來,也是像width="100%" height="100%"做法,改成百分比控制。
這樣就可以籍由控制js改變width及height來改變整個swf在瀏覽器中的大小,並且safari、firefox、ie三種通吃。
<embed>中要是不標示width及height會致導在firefox中無法動作改變swf的大小。
此外,如果放大要整個把原來swf的內容都填滿,可以加上像下方的html在夾在<object>之中..
<param name="scale" value="showall" />
詳細scale的值,可參考AS reference和stage相關的function說明。
- <!--极酷播放器/代码开始-->
- <script type="text/javascript" src="images/swfobject.js"></script>
- <div class="video" id="CuPlayer"><b><img src="images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div>
- <script type="text/javascript">
- var so = new SWFObject("player.swf?FlvID=959","ply","620","430","9","#000000");
- so.addParam("allowfullscreen","true");
- so.addParam("allowscriptaccess","always");
- so.addParam("wmode","opaque");
- so.addParam("quality","high");
- so.addParam("salign","lt");
- //播放器设置文件-----------------------------
- so.addVariable("JcScpFile","CuSunV2set.asp");
- //视频文件及略缩图--------------------------
- so.addVariable("JcScpImg","images/startpic.jpg");
- so.addVariable("JcScpSharetitle","校园场景中教师的说法1");
- so.write("CuPlayer");
- function setPlayer(){
- document.getElementById("CuPlayer").style.width="560px";
- document.getElementById("CuPlayer").style.height="440px";
- }
- </script>
- <!--极酷播放器/代码结束-->
热门文章推荐
- [JS]window.location获取url各项参数详解
- [JS]jQuery,javascript获得网页的高度和宽度
- [JS]视频弹窗视频弹出层videoLightBox(含三种播放器的用法)
- [JS]JS提交中文encodeURI两次转码
- [JS]js版方面encodeURI转码和decodeURI解码的用法实例
- [JS]js取当前机子的时间戳实例
- [JS]AES加密(基于crypto-js)PHP后端解密
- [JS]data:image/png;base64写法的用途及说明