网页用flash播放mp4插件
摘要:网页用flash播放mp4插件
1.使用SWFObject插入Adobe Flash媒体资源兼容性好
SWFObject是一个用于在HTML中方便插入Adobe Flash媒体资源(*.swf文件)的独立、敏捷的JavaScript模块。该模块中的JavaScript脚本能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。而且它是非常符合搜索引擎优化的原则的。此外,它能够避免您的 HTML、XHTML中出现object、embed等非标准标签,从而符合更加标准
代码
<script src="http://js.kuwo.cn/yinyue/webmv/swfobject.js"></script>
html代码
运行代码
<!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 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>
相关文章
最新发布
阅读排行
热门文章
猜你喜欢