精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>html/xhtml教程>正文

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


来源: 时间:06-12-23 点击: 点击这里收藏本文
由于Embed标签是Netscape的私有财产,故一直未被W3C认可,对于各种媒体文件使用Embed标签是非标准的,如何改变 Elizabeth Castro的 Bye Bye Embed 一文对于各种媒体播放器给出了很好的符合web标准的代码。

再见了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>

再见了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>


  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.