Question

我正在寻找解决我问题的方法，我有一个我为客户创建的网站，其中包含一个Flash标题图片，唯一的问题是他在iPhone上访问了该网站的草稿并被推迟了它没有显示任何头部图像，因为它是一个iPhone（我们知道这不是快乐！）。此外，无论如何，如果访问者已关闭或卸载闪存，我将需要此功能（当没有显示闪存时，我提供了通常的“安装闪存”链接。）

有没有办法可以用HTML / CSS做到这一点，还是我必须使用JS或类似的东西？

我尝试过添加标签，但这没有任何效果。

这是我的代码，如果这可以帮助任何人:)。

<div id="container">
<div id="header"><a href="index.html"><img src="images/logo.jpg" width="214" height="50" alt="Tom Frost - Personel Trainer in Leeds, West Yorkshire" style="border:none;"/></a></div>
<div id="navigation">
<ul id="nav">
<li><a href="index.html" id="index">Home</a></li>
<li><a href="about.html" id="menu-about">About</a></li>
<li><a href="services.html" id="menu-services">Services</a></li>
<li><a href="testimonials.html" id="menu-test">Testimonials</a></li>
<li><a href="/blog/" id="menu-blog">Blog</a></li>
<li><a href="articles.html" id="menu-articles">Articles</a></li>
<li><a href="contact.html" id="menu-contact">Contact</a></li>        
</ul>
</div>
<div id="title_box">
<embed src="images/flash.swf" 
quality="high" 
pluginspage="http://get.adobe.com/flashplayer/" 
type="application/x-shockwave-flash" 
width="960" height="450" 
alt="images/header.jpg">
</embed></div>`

显然我的flash图片位于title_box div。

提前感谢您的回答，我浏览了一下网站，但找不到一个HTML答案。如果js是唯一的方式，只需要一个简单的链接到这个网站上的答案或者如何做到这一点的教程就可以了。

感谢。

Answer 1

如果您使用object标记而不是embed添加Flash图像，则可以将后备内容放入标记内。某些跨浏览器标记在http://www.alistapart.com/articles/flashsatay处解释。它的要点是：

<object type="application/x-shockwave-flash" 
        data="images/flash.swf" 
        width="450" height="960">
  <param name="movie" value="images/flash.swf" />
  <img src="images/header.jpg" />
</object>

Answer 2

您可以使用<noembed>..</noembed>，虽然它有点弃用。更好的解决方案是使用标记，并在对象的内容中插入替代内容，如下所示：

 <object>
     <param name="" value="" /> 
     <!-- more params... -->
     <img src="images/noflash.png" />
 </object>

另一种方法是使用flash自动生成的脚本进行播放器检测，但首先需要了解它。

使用HTML / CSS时无法使用flash横幅的替代图像？

2 个答案: