推薦一些符合web標準的媒體播放器代碼

來源:互聯網
上載者:User
web|web標準|媒體

再見了Embed,一些媒體播放器的符合web標準的代碼

由於Embed標籤是Netscape的私人財產,故一直未被W3C認可,對於各種媒體檔案使用Embed標籤是非標準的,如何改變?Elizabeth Castro的 Bye Bye Embed 一文對於各種媒體播放器給出了很好的符合web標準的代碼。

線上媒體播放--Google Video and YouTube

<object type="application/x-shockwave-flash" 
  data="http://video.google.com/googleplayer.swf? »
8755581808731033658" 
  width="400" height="326" id="VideoPlayback">
  <param name="movie" 
    value="http://video.google.com/googleplayer.swf? »
docId=8755581808731033658" />
  <param name="allowScriptAcess" value="sameDomain" />
  <param name="quality" value="best" />
  <param name="bgcolor" value="#FFFFFF" />
  <param name="scale" value="noScale" />
  <param name="salign" value="TL" />
  <param name="FlashVars" value="playerMode=embedded" />
</object>

其實就是FLASH檔案的調用

Windows Media Player 檔案

<object type="video/x-ms-wmv" 
  data="http://www.sarahsnotecards.com/catalunyalive/ »
fishstore.wmv" 
  width="320" height="260">
  <param name="src" 
    value="http://www.sarahsnotecards.com/catalunyalive/ »
fishstore.wmv" />
  <param name="autostart" value="true" />
  <param name="controller" value="true" />
</object>

上面的代碼沒有Windows Media Player特有的classid,作者在IE5.5, IE6, IE7, Opera Win/Mac, Firefox Win/Mac, Safari下測試通過。

QuickTime movies 沒有 embed 標籤

<object classid="clsid:02BF25D5-8C17-4B23-BC80- »
D3488ABDDC6B" 
  codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
  width="320" height="260">
  <param name="src" 
    value="http://www.sarahsnotecards.com/catalunyalive/ »
diables.mov" />
  <param name="controller" value="true" />
  <param name="autoplay" value="false" />
  <!--[if !IE]>-->
  <object type="video/quicktime" 
    data="http://www.sarahsnotecards.com/catalunyalive/ »
diables.mov" 
    width="320" height="260">
    <param name="autoplay" value="false" />
    <param name="controller" value="true" />
  </object>
  <!--<![endif]-->
</object>



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.