国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js實現延時加載Flash的方法

2024-05-06 16:25:19
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了js實現延時加載Flash的方法,較為詳細的分析了通過元素替換實現JavaScript延時加載flash的相關原理與實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下
 

本文實例講述了js實現延時加載Flash的方法。分享給大家供大家參考,具體如下:

當頁面中包含自動播放視頻的flash播放器時,flash的流媒體播放會一直不停的下載視頻(哪怕你點擊了播放暫停/停止也一樣在不停下載),這樣會影響到頁面其它元素的加載。

最簡單的優化辦法就是讓Flash一開始不要播放:當然,你可以修改fla源文件,讓視頻播放一開始就處于暫停,直到用戶點擊了播放按鈕。但問題是,如果您嵌入的是沒有源文件的flash動畫,這種路子就走不通了。

思路

可以先在放置flash的地方,放一張小圖片,點擊圖片后再把圖片元素換成對應的object標簽。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>swf占位符</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script> <script type="text/javascript">  $().ready(function () {   $("#rbtvs_play_pos").click(function () {    $("#swfPos").html("<object classid=/"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000/" codebase=/"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0/" width=/"226/" height=/"338/" id=/"rbtvs_player/" align=/"middle/" style=/"z-index: -999/"><param name=/"allowScriptAccess/" value=/"Always/" /><param name=/"allowFullScreen/" value=/"false/" /><param name=/"movie/" value=/"http://img.rbtvs.com/swf/rbtvs_player.swf/" /><param name=/"quality/" value=/"high/" /><param name=/"bgcolor/" value=/"#efefef/" /><param name=/"wmode/" value=/"opaque/" /><embed src=/"http://img.rbtvs.com/swf/rbtvs_player.swf/" quality=/"high/" bgcolor=/"#efefef/" width=/"226/" height=/"338/" name=/"rbtvs_player/" align=/"middle/" allowscriptaccess=/"Always/" allowfullscreen=/"false/" type=/"application/x-shockwave-flash/" pluginspage=/"http://www.adobe.com/go/getflashplayer/" /></object>");   })  }) </script></head><body>  <div id="swfPos">    <img id="rbtvs_play_pos" src="http://img.rbtvs.com/bihu001/images/rbtvs_play.gif" style="cursor:pointer"  </div></body></html>

希望本文所述對大家JavaScript程序設計有所幫助。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 都兰县| 肇庆市| 遂溪县| 陆丰市| 蒲江县| 东乌珠穆沁旗| 离岛区| 绵阳市| 永和县| 绩溪县| 天水市| 镇巴县| 通河县| 自治县| 长白| 玉林市| 德格县| 增城市| 青河县| 都兰县| 普兰店市| 武隆县| 乐亭县| 南充市| 米泉市| 额尔古纳市| 永顺县| 凌云县| 湖北省| 雅安市| 织金县| 衢州市| 泗洪县| 调兵山市| 辽宁省| 西青区| 淮阳县| 青阳县| 巧家县| 宁远县| 蒙自县|