你的位置:首页 > 网页设计

[网页设计]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" onclick="playflashmv('http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_4.mp4');" />
<input type="button" value="播放mv2" onclick="playflashmv('http://media.cdn.kuwo.cn/resource/m1/webkge/2015/7/10/201507101126_1.mp4');" />
<div 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\');" ></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