如何在HTML页面中embeddedSWF文件?
如何在HTML页面中embeddedSWF文件?
将SWFembeddedHTML页面的最佳方法是使用SWFObject 。
这是一个简单的开源JavaScript库,它是易于使用和标准友好的方法来embeddedFlash内容。
它还提供Flash播放器版本检测。 如果用户没有所需的Flash版本或禁用JavaScript,他们将看到一个替代内容。 您也可以使用此库来触发Flash Player升级。 一旦用户升级,他们将被redirect回页面。
文档中的一个例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>SWFObject dynamic embed - step 3</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0"); </script> </head> <body> <div id="myContent"> <p>Alternative content</p> </div> </body> </html>
与此一起使用的一个好工具是SWFObject HTML和JavaScript 生成器 。 它基本上生成您需要使用SWFObjectembeddedFlash的HTML和JavaScript。 为您提供一个非常简单的用户界面input您的参数。
它是强烈推荐和使用非常简单。
<object width="100" height="100"> <param name="movie" value="file.swf"> <embed src="file.swf" width="100" height="100"> </embed> </object>
这适用于从根环境的应用程序。
<object type="application/x-shockwave-flash" data="/dir/application.swf" id="applicationID" style="margin:0 10px;width:auto;height:auto;"> <param name="movie" value="/dir/application.swf" /> <param name="wmode" value="transparent" /> <!-- Or opaque, etc. --> <!-- ↓ Required paramter or not, depends on application --> <param name="FlashVars" value="" /> <param name="quality" value="high" /> <param name="menu" value="false" /> </object>
应该/可以添加其他参数,这取决于.swf它自己。 没有embedded ,只是对象和参数,所以,它仍然是有效的,工作和可用到处都是,DOCTYPE是无所谓。 🙂
如果您使用其中一个js库插入Flash,则build议在<noscript/>
添加普通对象embedded标签。
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01" style="width:640px;height:480px;margin:10px 36px;"> <param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01" /> <param name="allowfullscreen" value="true" /> <param name="allowscriptaccess" value="always" /> <param name="wmode" value="opaque" /> <param name="quality" value="high" /> <param name="menu" value="false" /> </object>
如何简单的HTML5标签embedded?
<!DOCTYPE html> <html> <body> <embed src="anim.swf"> </body> </html>
我使用http://wiltgen.net/objecty/ ,它有助于embedded媒体内容,并避免IE“点击激活”的问题。
如上所述SWF对象是伟大的。 不明飞行物也值得一看
什么是“最好”的方式? “最高效”,“最快渲染”等词语更为具体。 无论如何,我提供了一个替代的答案,可以帮助我大部分时间(不论是否“最好”都是无关紧要的)。
备用答案:使用iframe。
也就是说,在服务器上托pipeSWF文件。 如果将SWF文件放在根或public_html文件夹中,则SWF文件将位于www.YourDomain.com/YourFlashFile.swf
。
然后,在您的index.html或任何地方,将上述位置链接到您的iframe,它将显示在您放置iframe的位置的内容周围。 如果你可以放一个iframe,你可以在那里放一个SWF文件。 使iframe尺寸与您的SWF文件相同。 在下面的例子中,SWF文件是500乘500。
伪代码:
<iframe src="YourFlashFile.html" width="500" height="500"></iframe>
上面的HTML代码行将embedded您的SWF文件。 没有其他的混乱需要。 优点:符合W3C,页面devise友好,没有速度问题,简约的方法。
缺点:在浏览器中启动时,SWF文件周围的空白区域。
这是另一个答案。 无论是“最好”的答案取决于你的项目。
这一个将工作,我相信!
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">
如果您熟悉,可以使用JavaScript,如下所示:
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");
– 9.0.0是Flash版本。
或者你可以使用HTML5的<object>
标签。
这对我工作:
<a target="_blank" href="{{ entity.link }}"> <object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;"> <param name="quality" value="high"> <param name="play" value="true"> <param name="LOOP" value="false"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="true"> </object> </a>