宜昌本地软件开发与弱电工程服务商
项目咨询 · 快速响应
您当前的位置: > 个人博客 > javascript

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

2016-10-13 00:16:48 点击量:68 标签: 收藏本文

放在一個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. <!--极酷播放器/代码结束--> 

 

ABOUT US
宜昌农人网络科技有限公司

我们是一家提供综合软件外包与弱电工程服务的技术公司。

业务涵盖定制软件、管理系统、网站、小程序、APP、系统集成、网络布线、监控安防、门禁、机房建设及长期技术维护。

公司地址:湖北省宜昌市伍家岗区东站二路6号三峡(宜昌)大数据产业园海洋馆二楼A203室