js实现延时加载Flash的方法


Posted in Javascript onNovember 26, 2015

本文实例讲述了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" alt="点击播放视频" />
  </div>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
javascript实现可拖动变色并关闭层窗口实例
May 15 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
Angular.js跨controller实现参数传递的两种方法
Feb 20 Javascript
关于JavaScript的单双引号嵌套问题
Aug 20 Javascript
详解Vue项目编译后部署在非网站根目录的解决方案
Apr 26 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
vue this.reload 方法 配置
Sep 12 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
Jan 09 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 Javascript
原生JS实现pc端轮播图效果
Dec 21 Javascript
学习JavaScript设计模式(链式调用)
Nov 26 #Javascript
学习JavaScript设计模式(继承)
Nov 26 #Javascript
js图片跟随鼠标移动代码
Nov 26 #Javascript
学习JavaScript设计模式(封装)
Nov 26 #Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
Nov 26 #Javascript
学习JavaScript设计模式(接口)
Nov 26 #Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 #Javascript
You might like
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
PHP实现单例模式最安全的做法
2014/06/13 PHP
ThinkPHP模板之变量输出、自定义函数与判断语句用法
2014/11/01 PHP
laravel学习教程之存取器
2016/07/30 PHP
PHP面向对象程序设计方法实例详解
2016/12/24 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
PHP+MySQL实现在线测试答题实例
2020/01/02 PHP
javaScript call 函数的用法说明
2010/04/09 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
javascript 用函数实现继承详解
2016/05/28 Javascript
jquery.multiselect多选下拉框实现代码
2016/11/11 Javascript
详解js的事件代理(委托)
2016/12/22 Javascript
Node.js中的require.resolve方法使用简介
2017/04/23 Javascript
收藏AngularJS中最重要的核心功能
2017/07/09 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
Python删除空文件和空文件夹的方法
2015/07/14 Python
获取Django项目的全部url方法详解
2017/10/26 Python
Django数据库表反向生成实例解析
2018/02/06 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
浅谈python爬虫使用Selenium模拟浏览器行为
2018/02/23 Python
Python爬虫爬取新浪微博内容示例【基于代理IP】
2018/08/03 Python
Numpy 中的矩阵求逆实例
2019/08/26 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
英国门销售网站:Green Tree Doors
2020/01/07 全球购物
旅游管理专业大学生职业规划书
2014/02/27 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
公司的力量观后感
2015/06/05 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
《暗黑破坏神2:重制版》本周进行第一轮A测 目前可官网进行申请报名
2021/04/07 其他游戏
python通配符之glob模块的使用详解
2021/04/24 Python