swfobject.js视频播放插件

在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:
html代码结构:

<div id="video_content"></div>

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);

结果实现如图:

需要demo猛点该文字,百度云盘下载

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。

时间: 2024-10-11 17:35:56

swfobject.js视频播放插件的相关文章

Video.js --视频播放插件使用

vedio.js 是一款视频播放插件,它会自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器.下面来简单介绍下它的简单使用: 引用video-js.cs样式文件和video.js <link href="video-js.css" rel="stylesheet" type="text/css"> <script src="video.js"></sc

ckplayer.js视频播放插件

网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放. 可调用flash也可以调用html5播放器: <div id="a1"></div> <script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8"></script> <scri

video.js视频播放插件

1 初始化 Video.js初始化有两种方式. 1.1 标签方式 一种是在<video>标签里面加上class="video-js"和data-setup='{}'属性. 注意,两者缺一不可. 刚开始的时候我觉得后面的值为空对象{},不放也行, 导致播放器加载不出来,后来加上来就可以了. 1.2 JS方式 另外一种初始化 video.js 的方法是通过JS,格式: var player = videojs('my-player'); 这样有个要求,就是不能配置data-se

比较好的播放视频插件swfobject.js

播放视频的方法: 方法一. 使用html5播放 <video src="./files/Clip_480_5sec_6mbps_h264.mp4" width="1000px" height="400px" controls="controls" loop="loop" autoplay="autoplay" poster="images/zzsm.png" s

web视频播放插件:Video For Everybody

相比其它的web视频播放插件(video.js , jwplayer等)来说,Video For Everybody(极力推荐)是一款更好的视频播放插件,无需任何下载,支持html5以及flash播放. Video For Everybody有网页版的代码生成器,简单实用,只要根据它自动生成的代码稍微修改下便能使用.

swfobject.js的简单配置

因为工作需要在网页中迁入flash,开发过程中,发现直接使用embed自己开发的话需要考虑各种兼容性,也比较麻烦, 网上也找了几个相关的插件,比较使用之下,发现swfobject.js这一款还是蛮不错的,这里我使用的是1.5版本,属于老版本, 所以和新版本的配置上有一些出入. 另外官方给出的说法是1.5升级高版本会有很多改动的地方,所以建议一开始就确定好使用的版本,尽量避免中途升级版本. 代码如下:注释比较全,不再单独解释了 <html> <head> <script src

js日期插件

推荐一款贤心写的js日期插件,调用非常方便:顺手写了一个demo. 先列举下这款插件的优点:日期范围限制.开始日期设定.自定义日期格式.时间戳转换.当天的前后若干天返回.时分秒选择.智能响应.自动纠错.节日识别.快捷键操作.更换皮肤等. 当然还有很重要的一点是使用简单: 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>data_

JS小插件之2——cycle元素轮播

元素轮播效果是页面中经常会使用的一种效果.这个例子实现了通过元素的隐藏和显示来表现轮播效果.效果比较简单. 效果图如下: 源代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" Content="text/html; charset=utf-8;"> 5 <title> cycle demo </titl

根据一篇js日历插件改写的

1 <!-- 2 控件调用示例: 3 --> 4 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 6 7 <html xmlns="http://www.w3.org/1999/xhtml"> 8 9 <he