网页如何插入视频是用 css就可以 还是用js 或者其他

JavaScript08

网页如何插入视频是用 css就可以 还是用js 或者其他,第1张

用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>

第一步：首先下载video.js，百度一下就能找到。

第二步：先把要用到的js\css\swf都加载到html页面上。

第三步：加入下面的代码：

<video id="my_video_1" class="video-js vjs-default-skin" controls    preload="auto"width="640"height="480"poster="video-js/my_video_poster.png"    data-setup="{}">

<source src="Wildlife.mp4" type='video/mp4'>

</video>

只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频。

第四步：然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能，比如字幕等，这个以后再写。

第五步：全屏后的效果：

一、html5和html有什么区别：

学了html5就不用学习html了，因为html5是html的升级。

二、如何做HTML页面：

下面是一个简单的HTML页面

<HTML>

<HEAD>我的第一个HTML页面</HEAD>

<BODY>这就是HTML页面....</BODY>

</HTML>

复制上面代码到记事本中，然后将记事本的后缀名改为.html

大功告成！