html object 播放swf,JS进阶篇--swfobject.js视频播放插件

在网页中经常会用到视频播放的功能，下面介绍一下swfobject.js的视频播放应用：

html代码结构：

css样式结构：

body{background: #003368}

#video_content{width:600px;height:400px;margin:200px auto;}

js代码：

function showFLV(flvId,flvUrl,imgUrl,w,h){

var imgUrl = imgUrl;

var flvUrl = flvUrl;

var w = w || "907";

var h =h || "455";

var s1 = new SWFObject("flvplayer.swf","single",w,h,"7");

s1.addParam("allowfullscreen","true");

s1.addParam("wmode","transparent");

s1.addVariable("file",flvUrl);

s1.addVariable("image",imgUrl);

s1.addVariable("width",w);

s1.addVariable("height",h);

s1.addVariable('autostart','true');

s1.write(flvId);

}

showFLV('video_content','flv_4.flv','',600,400);

结果实现如图：

html object 播放swf,JS进阶篇--swfobject.js视频播放插件相关推荐

JS进阶篇--ckplayer.js视频播放插件
网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放. 可调用flash也可以调用html5播放器: <div id="a1&q ...
web前端开发分享js进阶篇
js进阶篇: js进阶,等妙味看的差不多,心里难免痒痒,看老师用尽可能少的代码来实现了众多以前没法实现的动态效果.然后自己想写,但不知道写啥东西,下面就这个问题做以建议,写这些东西的目的有这么几个,一 ...
2. web前端开发分享-css,js进阶篇
一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手 ...
cytoscape.js进阶篇
cytoscape.js进阶篇系列文章前言 cytoscape依赖引用 cytoscape扩展依赖引用升级Cytoscape组件扩展Cytoscape组件模板容器扩展Cytoscape组件方 ...
js 定时网页点击_前端面试题整合（JS进阶篇）（二）
Ajax 是什么? 如何创建一个Ajax? AJAX全称是Asychronous JavaScript And Xml(异步的 JavaScript 和 XML) 它的作用是用来实现客户端与服务器端的 ...
js进阶 11-22/23 js如何实现选项卡
js进阶 11-22/23 js如何实现选项卡一.总结一句话总结:通过索引把选项卡头的li标签和选项卡内容的div标签联系在一起,通过控制div标签的display属性可以实现选项卡的选项切换. ...
JS进阶篇--JS数组reduce()方法详解及高级技巧
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被 ...
JS进阶篇--JS数组reduce()方法详解及高级技巧 1
基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被 ...
微信小程序开发笔记进阶篇③——onfire.js事件订阅和发布在微信小程序中的使用
文章目录一.前言二.onfire.js介绍三.API介绍四.实例应用五.onfire源码六.实例源码一.前言微信小程序开发笔记--导读二.onfire.js介绍一个简单实用的事件订 ...
js 进阶篇代码等级提升
一.条件语句 1,使用 Array.includes 来处理多重 || 条件 // ----- 一般 ------if (fruit == 'apple' || fru ...

html object 播放swf,JS进阶篇--swfobject.js视频播放插件

html object 播放swf,JS进阶篇--swfobject.js视频播放插件相关推荐

最新文章

热门文章