查看完整版本: 符合web标准的媒体播放器代码

符合web标准的媒体播放器代码

<div class="content"><p><strong>再见了Embed，一些媒体播放器的符合web标准的代码</strong></p><p>由于Embed标签是Netscape的私有财产，故一直未被W3C认可，对于各种媒体文件使用Embed标签是非标准的，如何改变？Elizabeth Castro的 <strong>Bye Bye Embed</strong>&nbsp;一文对于各种媒体播放器给出了很好的符合web标准的代码。</p><p><strong>在线媒体播放--Google Video and YouTube</strong></p><p><span class="code">&lt;object type="application/x-shockwave-flash" <br/>&nbsp; data="http://video.google.com/googleplayer.swf? &raquo;<br/>8755581808731033658" <br/>&nbsp; width="400" height="326" id="VideoPlayback"&gt;<br/>&nbsp; &lt;param name="movie" <br/>&nbsp;&nbsp;&nbsp; value="http://video.google.com/googleplayer.swf? &raquo;<br/>docId=8755581808731033658" /&gt;<br/>&nbsp; &lt;param name="allowScriptAcess" value="sameDomain" /&gt;<br/>&nbsp; &lt;param name="quality" value="best" /&gt;<br/>&nbsp; &lt;param name="bgcolor" value="#FFFFFF" /&gt;<br/>&nbsp; &lt;param name="scale" value="noScale" /&gt;<br/>&nbsp; &lt;param name="salign" value="TL" /&gt;<br/>&nbsp; &lt;param name="FlashVars" value="playerMode=embedded" /&gt;<br/>&lt;/object&gt;</span></p><p>其实就是FLASH文件的调用</p><p><strong>Windows Media Player 文件</strong></p><p><span class="code">&lt;object type="video/x-ms-wmv" <br/>&nbsp; data="http://www.sarahsnotecards.com/catalunyalive/ &raquo;<br/>fishstore.wmv" <br/>&nbsp; width="320" height="260"&gt;<br/>&nbsp; &lt;param name="src" <br/>&nbsp;&nbsp;&nbsp; value="http://www.sarahsnotecards.com/catalunyalive/ &raquo;<br/>fishstore.wmv" /&gt;<br/>&nbsp; &lt;param name="autostart" value="true" /&gt;<br/>&nbsp; &lt;param name="controller" value="true" /&gt;<br/>&lt;/object&gt;</span></p><p>上面的代码没有Windows Media Player特有的classid，作者在IE5.5, IE6, IE7, Opera Win/Mac, Firefox Win/Mac, Safari下测试通过。</p><p><strong>QuickTime movies 没有 embed 标签</strong></p><p><span class="code"></span></p><p>&lt;object classid="clsid:02BF25D5-8C17-4B23-BC80- &raquo;<br/>D3488ABDDC6B" <br/>&nbsp; codebase="http://www.apple.com/qtactivex/qtplugin.cab" <br/>&nbsp; width="320" height="260"&gt;<br/>&nbsp; &lt;param name="src" <br/>&nbsp;&nbsp;&nbsp; value="http://www.sarahsnotecards.com/catalunyalive/ &raquo;<br/>diables.mov" /&gt;<br/>&nbsp; &lt;param name="controller" value="true" /&gt;<br/>&nbsp; &lt;param name="autoplay" value="false" /&gt;<br/>&nbsp; &lt;!--[if !IE]&gt;--&gt;<br/>&nbsp; &lt;object type="video/quicktime" <br/>&nbsp;&nbsp;&nbsp; data="http://www.sarahsnotecards.com/catalunyalive/ &raquo;<br/>diables.mov" <br/>&nbsp;&nbsp;&nbsp; width="320" height="260"&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;param name="autoplay" value="false" /&gt;<br/>&nbsp;&nbsp;&nbsp; &lt;param name="controller" value="true" /&gt;<br/>&nbsp; &lt;/object&gt;<br/>&nbsp; &lt;!--&lt;![endif]--&gt;<br/>&lt;/object&gt;</p></div>