在DIV+CSS布局中怎么插入视频

html-css07

在DIV+CSS布局中怎么插入视频,第1张

通常情况下,使用<video>标签插入视频。这是HTML5中新增加的标签,某些老版本浏览器可能不会兼容(例如ie7)。简单设置视频的样式和控件即可(下面是代码)。

对于早期浏览器,使用Adobe flashplayer插件加载视频吧。

<video src="url" autoplay="autoplay" loop="loop" controls="controls" width="XXXpx">

    请更新你的浏览器到最新版本

</video>

用FLASH插入

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50" height="50">

<param name="movie" value="你的swf链接地址" />

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示,请将其删除。 -->

<param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->

<!--[if !IE]>-->

<object type="application/x-shockwave-flash" data="你的SWF链接地址" width="50" height="50">

<!--<![endif]-->

<param name="quality" value="high" />

<param name="wmode" value="opaque" />

<param name="swfversion" value="6.0.65.0" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />

<!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->

<div>

<h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>

<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" /></a></p>

</div>

<!--[if !IE]>-->

</object>

<!--<![endif]-->

</object>

<script type="text/javascript">

swfobject.registerObject("FlashID")

</script>