function myBrowser(){
var userAgent = navigator.userAgent; //ȡ���������userAgent�ַ�
var isOpera = userAgent.indexOf("Opera") > -1;
if (isOpera) {
return "Opera"
} //�ж��Ƿ�Opera�����
if (userAgent.indexOf("Android") > -1||userAgent.indexOf("iPhone") > -1||userAgent.indexOf("iPad") > -1){
return "Mobile";
}
if (userAgent.indexOf("Firefox") > -1) {
return "FF";
} //�ж��Ƿ�Firefox�����
if (userAgent.indexOf("Chrome") > -1){
return "Chrome";
}
if (userAgent.indexOf("Safari") > -1) {
return "Safari";
} //�ж��Ƿ�Safari�����
if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
return "IE";
} //�ж��Ƿ�IE�����
}
function showVedio(url,coverurl,w,h,isAuto){
if(isAuto==null)
{
isAuto=false;
}
var b = myBrowser();var str;
if(b=="Safari"||b=="FF"||b=="Opera"||b=="Mobile")
{
str='<video width="'+w+'" height="'+h+'" controls poster="'+coverurl+'"><source src="'+url+'" type="video/mp4"/></video>'
}
else
{
str='<object id="vcastr3" data="js/vcastr/Flvplayer.swf" height="'+h+'px" width="'+w+'px" type="application/x-shockwave-flash">';
str+='<param name="movie" value="js/vcastr/Flvplayer.swf"><param value="transparent" name="wmode">';
str+='<param name="allowFullScreen" value="true">';
str+='<param name="FlashVars" value="xml=<vcastr><channel><item><source>'+url+'</source><image>'+coverurl+'</image></item></channel><config><isAutoPlay>true</isAutoPlay><isLoadBegin>'+isAuto+'</isLoadBegin><isShowAbout>false</isShowAbout><scaleMode>showAll</scaleMode></config>' +
'<plugIns><beginEndImagePlugIn><url>js/vcastr/beginEndImagePlugIn.swf</url><source>'+coverurl+'</source><type>begin</type><scaleType>exactFit</scaleType></beginEndImagePlugIn></plugIns></vcastr>"></object>';
//'<logoPlugIn><url>js/vcastr/logoPlugIn.swf</url><logoText>www.meowpet.com</logoText><logoTextAlpha>0.75</logoTextAlpha><logoTextFontSize>20</logoTextFontSize><logoTextLink>www.meowpet.com</logoTextLink><logoTextColor>0xffffff</logoTextColor><textMargin>20 20 auto auto</textMargin></logoPlugIn>">';
str+='';
}
document.write(str);
}

使用方法:

<script type="text/javascript">

showVedio("视频地址","视频封面图片",宽,高);

</script>

适配IE8+等浏览器的适配播放插件的更多相关文章

  1. 给Debian浏览器安装flash播放插件

    sudo apt-get install flashplugin-nonfree  

  2. 功能强大的滚动播放插件JQ-Slide

    查看效果:http://keleyi.com/keleyi/phtml/jqplug/4.htmJQ-Slide插件功能强大,滚动方式自由多样全部滚动方式 方式一 方式二 方式三 方式四 方式五 方式 ...

  3. 自己做jQuery插件:将audio5js封装成jQuery语音播放插件

    日前的一个项目需要用到语音播放功能.发现Audio5js符合需求且使用简单,又鉴于jQuery控件便于开发操作,于是有了以下的封装. 首先先简单介绍一下Audio5js吧. Audio5js是一个能够 ...

  4. jQuery语音播放插件

    自己做jQuery插件:将audio5js封装成jQuery语音播放插件   日前的一个项目需要用到语音播放功能.发现Audio5js符合需求且使用简单,又鉴于jQuery控件便于开发操作,于是有了以 ...

  5. Web页面使用VLC播放插件

    一.原生态Demo下载 选择原因:我们为什么选择VLC播放插件?原因是它支持IE8浏览器播放视频,如果高版本的浏览器大可不必选择该插件,很多html5插件既好用又简单,但是有些交管或政府 部门还是限制 ...

  6. 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能

    当前很多表单提示使用了表单属性placeholder,可这属性不兼容IE8以下的浏览器,我自己写了一个兼容处理js // 兼容IE8以下浏览器input不能智能提示功能 if(navigator.ap ...

  7. 分享8款精美的jQuery图片播放插件

    本文将和大家一起分享8款精美的jQuery图片播放插件,每一款插件均有演示和源码下载,有兴趣的朋友可以下载使用和研究.废话不多说了,直接上这些插件. 1.3D轮播相册 这款3D相册插件利用了HTML5 ...

  8. 使用FlashWavRecorder实现浏览器录制wav音频和上传音频文件,兼容IE8以上浏览器

    前言:本项目基于github开源插件实现,该插件使用flash实现,兼容IE8以上浏览器 感谢michalstocki的分享该项目,github项目地址:https://github.com/mich ...

  9. 浏览器未安装flash插件,js判断直接去官网安装

    近期做了个活动页,里面根据需求插入了阿里云的视频,常见的浏览器都支持包括低版本的. 由于浏览器的更新换代很多版本放弃了flash的插件安装,火狐就是其中之一. 未安装flash的浏览器如果打开这个链接 ...

随机推荐

  1. vue监听input标签的value值方法

    <input id="materialSearch" type="text" @keyup.enter="search" @input ...

  2. 一张图看懂offsetX, clientX, pageX, screenX的区别

    1.具体含义见下图1 2.浏览器的兼任情况

  3. mongodb客户端操作常用命令

    一启动mongodb数据库mongod --dbpath E:\mongo\data\db(这里些自己的mongodb数据库存放目录)二客户端操作1.显示数据库集合show dbs2.新建数据库use ...

  4. Linux 两组信号对比

    博客逐步迁移到,独立博客,原文地址 http://www.woniubi.cn/two_groups_signal_difference/ 之前看信号的时候,没有太注意不同信号的对比.今天再次看到的时 ...

  5. 最小正子序列(序列之和最小,同时满足和值要最小)(数据结构与算法分析——C语言描述第二章习题2.12第二问)

    #include "stdio.h" #include "stdlib.h" #define random(x) (rand()%x) void creat_a ...

  6. 再谈 Struts1.x 的运行机制

    1.Action类 execute 方法 ActionMapping 对应 <action path="user" type="myuser.UserAction& ...

  7. 如何在windows下安装配置pyspark notebook

    第一步:安装anaconda anaconda自带一系列科学计算包 下载链接:http://pan.baidu.com/s/1b4jWlg 密码:fqq3 接着配置环境变量:如我安装在D盘下   试一 ...

  8. 爬虫第一篇基本库的使用——urllib

    在Python2中有urllib2和urllib3两个库来实现请求的发送,在Pyhon3中则统一为urllib. urilib包含以下4个模块 request:最基本的请求模块,可以用来实现请求的发送 ...

  9. linux lnmp搭建

    1.安装nginx: yum install gcc -y yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum inst ...

  10. IOS 计算文字尺寸(UILabel)

    方式1 :普通用法 #define  MJNameFont [UIFont systemFontOfSize:14] /** * 计算文字尺寸 * * @param text 需要计算尺寸的文字 * ...