·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]用js来控制swf播放器的宽高

时间:2014-10-29 15:40酷播
放在一個中包起來,然后利用js取得该div的id。然後,直接用js去更改寬跟高

放在一個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說明。

  1. <!--极酷播放器/代码开始--> 
  2. <script type="text/javascript" src="images/swfobject.js"></script> 
  3. <div class="video" id="CuPlayer"><b><img src="images/loading.gif" /> 网页视频播放器加载中,请稍后...</b></div> 
  4. <script type="text/javascript"> 
  5. var so = new SWFObject("player.swf?FlvID=959","ply","620","430","9","#000000"); 
  6. so.addParam("allowfullscreen","true"); 
  7. so.addParam("allowscriptaccess","always"); 
  8. so.addParam("wmode","opaque"); 
  9. so.addParam("quality","high"); 
  10. so.addParam("salign","lt"); 
  11. //播放器设置文件----------------------------- 
  12. so.addVariable("JcScpFile","CuSunV2set.asp"); 
  13. //视频文件及略缩图-------------------------- 
  14. so.addVariable("JcScpImg","images/startpic.jpg");  
  15. so.addVariable("JcScpSharetitle","校园场景中教师的说法1");  
  16. so.write("CuPlayer"); 
  17.  
  18. function setPlayer(){    
  19. document.getElementById("CuPlayer").style.width="560px"
  20. document.getElementById("CuPlayer").style.height="440px"
  21. </script> 
  22.  
  23. <!--极酷播放器/代码结束--> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器