flash播放mp4插件轻松搞定播放视频问题

1.使用SWFObject插入Adobe Flash媒体资源兼容性好
代码
<script src="http://js.kuwo.cn/yinyue/webmv/swfobject.js"></script>
SWFObject是一个用于在HTML中方便插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准

插件使用代码

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>flash播放mp4插件-webkfa.com</title>
</head>

<body>
<input type="button" value="播放mv1" οnclick="playflashmv('http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_4.mp4');" />
<input type="button" value="播放mv2" οnclick="playflashmv('http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_1.mp4');" />
<div class="video_w" id="videoDivhtmlid">
<div id="videoDiv">
</div>
</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://js.kuwo.cn/yinyue/webmv/swfobject.js"></script>
<script type="text/javascript">
var SWF_ID = "KwVideo";
var SWF_NAME = "http://www.kuwo.cn/yy/jsp/webMv/KwVideo.swf?05";
/**
* create live swf
* @param msg
*/
function EmbedSWF_SWF(divId, mp4Url) {
var flashvars = {
url: mp4Url
};
var params = {
allowFullscreen: "true",
allowScriptAccess: "always",
wmode: "transparent" // can cause issues with FP settings & webcam
};
var attributes = {
id: SWF_ID,
name: SWF_ID
};
swfobject.embedSWF(
SWF_NAME,
//这里可以设置播放设置播放视频宽高
divId, "685", "420", "10.0.0",
"expressInstall.swf",
flashvars, params, attributes);
}

function playflashmv(urlmp4) {
var html = [];
html[html.length] = '<div id="videoDiv">';
html[html.length] = '<a href="javascript:playflashmv(\'http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_4.mp4\');" class="butm_middle"></a>';
html[html.length] = '</div>';
$('#videoDivhtmlid').html(html.join(""));
EmbedSWF_SWF("videoDiv", urlmp4);
}
playflashmv('http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_4.mp4');
</script>
</body>

</html>

在线浏览地址:http://www.webkfa.com/one2/w1442.html

转载于:https://www.cnblogs.com/webkfa/p/4680829.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值