欢迎各位兄弟 发布技术文章
这里的技术是共享的
本机电脑上 D:\xampp\htdocs\ZZZZ\javascript\flash2 文件夹有很多的例子
最好同源 swf文件jpg文件flv(mp4)文件同一网站下
附件里有 浏览器中嵌入flv播放例子(写的超级详细,会中文的人看了都可以自己制作网页flv播发器).rar 这个例子各个浏览器完全正确兼容 ie firefox chrome 均通过
1)下面是袁绍锋的 demo_flv_autostart_ok
player.swf见下面的附件
<!DOCTYPE html>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="600" height="340" id="theMediaPlayer" >
<param name=movie value="player.swf?type=http&vcastr_file=zhenliang.flv">
<param name=quality value="high">
<param name=bgcolor value="#000000">
<param name=allowFullScreen value="true">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="type=http&vcastr_file=zhenliang.flv&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1">
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="600" height="340" bgcolor="#000000" name="theMediaPlayer" src="player.swf?type=http&vcastr_file=zhenliang.flv" flashvars="type=http&vcastr_file=zhenliang.flv&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1" allowFullScreen="true">
</embed>
</object>
</body>
</html>
1)下面是袁绍锋的 demo_flv_ok
player.swf见下面的附件
<!DOCTYPE html>
<html>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="600" height="340" id="theMediaPlayer">
<param name=movie value="player.swf?type=http&vcastr_file=zhenliang.flv">
<param name=quality value="high">
<param name=bgcolor value="#000000">
<param name=allowFullScreen value="true">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="type=http&vcastr_file=zhenliang.flv&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000">
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="600" height="340" bgcolor="#000000" name="theMediaPlayer" src="player.swf?type=http&vcastr_file=zhenliang.flv" flashvars="type=http&vcastr_file=zhenliang.flv&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000" allowFullScreen="true">
</embed>
</object>
</body>
</html>
2)下面是demo_wildlife_qtp.mp4_ok
player.swf见下面的附件
<!DOCTYPE html>
<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="600" height="340" id="theMediaPlayer" >
<param name=movie value="player.swf?type=http&vcastr_file=wildlife_qtp.mp4">
<param name=quality value="high">
<param name=bgcolor value="#000000">
<param name=allowFullScreen value="true">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="type=http&vcastr_file=wildlife_qtp.mp4&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1">
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="600" height="340" bgcolor="#000000" name="theMediaPlayer" src="player.swf?type=http&vcastr_file=wildlife_qtp.mp4" flashvars="type=http&vcastr_file=wildlife_qtp.mp4&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1" allowFullScreen="true">
</embed>
</object>
</body>
</html>
0)绝对有用的播放 swf文件的例子
<embed width="990" height="287" wmode="transparent" quality="high" bgcolor="#666666" name="star" id="star" style="undefined" src="/images/flash.swf" type="application/x-shockwave-flash">
可以用js代码写成
document.write("<div id=\"MyFlash\"><\/div>"); var so = new SWFObject("/images/flash.swf", "star", "990", "287", "9", "#666666"); so.addParam("wmode", "transparent"); so.write("MyFlash");
1)自动播放flv 肯定正确的例子 (王者大陆的例子)
(见附件http://my.shinewwzdl.com/player/vcastr22.swf)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="570" height="361">
<param name="movie" value="http://my.shinewwzdl.com/player/vcastr22.swf?vcastr_file=http://my.shinewwzdl.com/flv/gonghui.flv">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<embed src="http://my.shinewwzdl.com/player/vcastr22.swf?vcastr_file=http://my.shinewwzdl.com/flv/gonghui.flv" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="570" height="361">
</embed>
</object>
下面是 打开网页自动运行的代码
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="570" height="361">
<param name="movie" value="http://my.shinewwzdl.com/player/vcastr22.swf?vcastr_file=http://my.shinewwzdl.com/flv/gonghui.flv">
<param name="quality" value="high">
<param name="allowFullScreen" value="true" />
<param name="autostart" value="1">
<embed src="http://my.shinewwzdl.com/player/vcastr22.swf?vcastr_file=http://my.shinewwzdl.com/flv/gonghui.flv&Is..." quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="570" height="361">
</embed>
</object>
2)embed的例子
<embed height="319" width="842" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high"
src="simpleSwf/banner.swf">
3)使用object或embed标签来播放SWF文件
要在 Web 浏览器中显示 SWF 文件,HTML 文档必须使用具有正确参数的 object和 embed 标记。
注:可以通过在“发布设置”对话框中选择“HTML”选项生成使用正确的 object 和 embed 标签的 HTML 文档。 有关详细信息,请参阅指定用于创建带有嵌入 Flash 内容的 HTML 文档的设置。
对于 object,其中的四个设置(height、width、classid 和 codebase)是出现在 object 标记内的属性;所有其它设置都是出现在单独的名为 param 标记内的参数,如下例所示:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100"
height="100" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0">
<param name="movie" value="moviename.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="high">
</object>
对于 embed 标签,所有设置(如 height、width、quality 和 loop)都是显示在起始 embed 标签的尖括号之间的属性,如下例所示:
<embed src="moviename.swf" width="100" height="100" play="true"
loop="true" quality="high"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
若要同时使用两种标签,请将 embed 标签放在 object 结束标签之前,如下例所示:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100"
height="100" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0">
<param name="movie" value="moviename.swf">
<param name="play" value="true">
<param name="loop" value="true">
<param name="quality" value="high">
<embed src="moviename.swf" width="100" height="100" play="true”
loop="true" quality="high"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
注:如果使用 object和 embed标签,则对每个属性或参数都要使用相同的值,以确保能在各种浏览器上进行一致的回放。 swflash.cab#version=9,0,0,0参数是可选的;仅在不想检查版本号时省略该参数。
OBJECT和EMBED标签的必要以及可选属性。
一、必需属性:
·CLASSID-设置浏览器的Activex控件,仅用于OBJECT标签。
·CODEBASE-设置flash Activex控件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于OBJECT标签。
·WIDTH-以百分比或象素指定flash影片的宽度。
·HEIGHT-以百分比或象素指定flash影片的高度。
·SRC-指定影片的下载地址。仅用于EMBED标签。
·PLUGINSPAGE-设置flash 插件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于EMBED标签。
·MOVIE-指定影片的下载地址。仅用于OBJECT标签。
二、可选属性及可用的值:
·ID-设定变量名,用于脚本代码的引用。仅用于OBJECT。
·NAME -设定变量名,用于脚本代码(如javascript)的引用。仅用于EMBED。
·SWLIVECONNECT - (true或false)指定当flash player第一次下载时,是否启用java。如果些属性省略,默认值 为false。你果你在相同页同使用javascript和flash,java必须使用FSCommand来工作。 店 长 站 htt p:// d z z . c c
·PLAY -(true或false)指定flash影片是否在下载完成后就自动播放,如果省略此属性,则默认为true。
·LOOP - (true或false)指定影片播放完最后一帧后是停止还是继续循环播放,如果省略此属性,则默认为true。
·MENU - (true或false)
·True 显示全部的菜单,允许用户放大,缩小等控制影片播放等操作。
·False 显示只包含设置选项和关于flash的菜单。
·QUALITY - (low, high, autolow, autohigh, best )
·Low 速度优于美观,而且不应用反锯齿。
·Autolow 刚开始着重于速度,但当需要时随时提升美观。
·Autohigh 同时着重播放速度和美观,但需要时则牺牲美观来保证播放速度。
·Medium 应用一些反锯齿而不平滑位图。它质量高于low设置而低于high设置。
·High 美观优于播放速度,而且一直应用反锯齿。如果影片不包含动画,位图会被平滑化;而如果影片包含动画,位图将不变平滑。
·Best 提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。
·SCALE - (showall, noborder, exactfit)
·Default(Show all)影片在指定的区域内显示,但保持原始的比例。影片两侧将会出现边框。
·No Boder 收缩影片以适合指定的区域,保持影片不失真,但部分影片将可能将裁切。然而保持影片的原始比例。
·Exact Fit 使整个影片在指定的区域内显示,影片有可能变形失真,而且不保持原始的比例。
·ALIGN - (l, t, r, b)
·默认为居中,当浏览器窗口小于影片时,边缘会被裁切。
·Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要,另外三边将被裁切。
·SALIGN - (l, t, r, b, tl, tr, bl, br)
·L,R,T,B
·TL,TR
·BL,BR
·WMODE- (window, opaque, transparent) 设置flash影片的window mode属性,指定flash在浏览器中的透明,层叠及位置。
·Window 影片在浏览器中自己的矩形窗口内播放。
·Opaque 影片隐藏了所有在它后面的内容。
·Transparent 使flash影片透明,显示透明影片后面的网页内容。这将会降低动画的性能。而且这个属性不是在所有浏览器中都可用的。
·BGCOLOR - (#RRGGBB, 十六进制RGB值。)指定影片的背景颜色。使用这个属性覆盖flash中设定的背景颜色。
·BASE - 设定基准目录或URL,用来解决所以flash中的相对路径。类似网页中的标签。
·FLASHVARS 传递变量到flash player,需要flash player6及以后的版本。
·传递root级变量到影片。字符串的格式是用“&”分隔的name=value集。
·浏览器支持64kB大小的字符串长度。
·更多关于FlashVars的信息,请查看相关文档。
来自 http://www.dedecms8.com/web/html/10940.html
4)自己试过的绝对正角的 使用object或embed标签来播放SWF文件
banner.swf 见附件
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="842" height="319">
<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
<param name="movie" value="http://localhost/simplecms/images/banner.swf" />
<param name="quality" value="high" />
<embed src="http://localhost/simplecms/images/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="842" height="319"></embed>
</object>
5)袁绍锋的 播放mp4的object例子
player.swf 就是 附件中的 9_20130905171031_7899127d9950fab3a2117f3d50ce81b1.swf
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="600" height="340" id="theMediaPlayer" >
<param name=movie value="player.swf?type=http&vcastr_file=wildlife_qtp.mp4">
<param name=quality value="high">
<param name=bgcolor value="#000000">
<param name=allowFullScreen value="true">
<param name=swLiveConnect value="true">
<param name=allowScriptAccess value="sameDomain">
<param name="FlashVars" value="type=http&vcastr_file=wildlife_qtp.mp4&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1">
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="600" height="340" bgcolor="#000000" name="theMediaPlayer" src="player.swf?type=http&vcastr_file=wildlife_qtp.mp4" flashvars="type=http&vcastr_file=wildlife_qtp.mp4&width=600&height=340&displaywidth=600&displayheight=340&autostart=true&backcolor=0x000000&IsAutoPlay=1" allowFullScreen="true">
</embed>
</object>
5)dreamver 生成播放 swf的例子,应该有肯定好的吧
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200" height="120" id="FlashID" title="AAAAA">
<param name="movie" value="player.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="player.swf" width="200" height="120">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="8.0.35.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
<div>
<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
6)<!--就用同目录下的flash吧 好像mp4是不能播放的 flv 可以播放-->
ie firefox chrome 均通过 有大用
player333.swf 见附件
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" name="player3" width="220" height="160" id="player3">
<param name="name" value="player" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value="file=fuben.flv&image=3d.jpg" />
<param name="src" value="player333.swf" />
<embed id="player3" type="application/x-shockwave-flash" width="220" height="160" src="player333.swf" flashvars="file=fuben.flv&image=3d.jpg" allowscriptaccess="always" allowfullscreen="true" name="player3"></embed>
</object>
6)dreamver 生成播放 flv 的例子,应该有肯定好的吧
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="400" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=gonghui&autoPlay=true&autoRewind=true" />
<param name="swfversion" value="8,0,0,0" />
<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="500" height="400">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=Clear_Skin_1&streamName=gonghui&autoPlay=true&autoRewind=true" />
<param name="swfversion" value="8,0,0,0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->
<div>
<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<script type="text/javascript">
swfobject.registerObject("FLVPlayer");
</script>
7)小朱的object 播放 swf文件的例子 肯定有用
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
id="影片1"
width="800" height="300"
>
<param name="movie" value="影片1.swf">
<param name="bgcolor" value="#FFFFFF">
<param name="quality" value="high">
<param name="seamlesstabbing" value="false">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
name="影片1"
width="800" height="300"
src="影片1.swf"
bgcolor="#FFFFFF"
quality="high"
seamlesstabbing="false"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
8)王者大陆的object 播放 swf文件的例子 肯定有用
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="242" height="126"> <param name="movie" value="images/enindexb.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <param name="swfversion" value="11.0.0.0" /> <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="images/enindexb.swf" width="242" height="126" id="FlashIdNotIE"><!--<![endif]--><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="swfversion" value="11.0.0.0" /><param name="expressinstall" value="Scripts/expressInstall.swf" /><!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 --><div> <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p></div><!--[if !IE]>--> </object> <!--<![endif]--></object>
9)副站上的 播放swf文件 肯定有用
( AC_RunActiveContent.js见下面的附件)
<script src="html/AC_RunActiveContent.js" type="text/javascript"></script>
AC_RunActiveContent.js 就是附件中的 9_20130906184801_b92c5022e0f0ad0af83ec1c3655e19ae.txt(/flash/下面要用banner.swf文件)
<script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','960','height','210','src', '/flash/banner','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','/flash/banner','wmode','transparent' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="210"> <param name="movie" value="/flash/banner.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="/flash/banner.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="210"></embed></object></noscript>
其生成的效果是
http://program.yinyuetai.com/details/3
http://bdx.szmrw.net/pinpai/jlb/sp/
html5的 video的例子 这是自己亲自做的 肯定有用 有大用
<video width="320" height="220" poster="/templets/zhengxing/images/poster.jpg" controls="controls" preload="none">
<source src="/templets/zhengxing/images/yuqian.mp4" type="video/mp4" />
<source src="{dede:global.cfg_templets_skin/}/images/yuqian.ogg" type="video/ogg" />
<!--你的浏览器不支持video标签。使用swf文件-->
<!--<embed src="http://blip.tv/play/gcMVgcmBAgA%2Em4v" type="application/x-shockwave-flash"
width="320" height="240" allowscriptaccess="always" allowfullscreen="true"> </embed> -->
</video>
11)flowplayer
12)jwplayer
13)ckplayer
附件 | 大小 |
---|---|
AC_RunActiveContent.js | 8.13 KB |
vcastr22.swf | 60.92 KB |
player.swf | 60.92 KB |
player333.swf | 80.69 KB |
浏览器中嵌入flv播放例子(写的超级详细,会中文的人看了都可以自己制作网页flv播发器).rar | 2.88 MB |
banner.swf | 727.27 KB |