多媒体

1.向网页中添加Flash影片

<!DOCTYPE html>

<html>

  <head>

    <title>xx</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject.js"></script>

    <script type="text/javascript">

    swfobject.embedSWF("flash/bird.swf","bird","400","300","8.0.0");

    </script>

  </head>

  <body>

    <div id="bird"><p>an animation of a bird taking a shower</p></div>

  </body>

</html>

</html>

2.使用视频托管服务

将视频上传到youtube或vimeo这样的站点上,借助这些站点提供的功能将视频嵌入到你的页面中

优势:不花钱,省事

劣势:有广告

3.添加Flash视频

将视频转换为FLV格式->下载播放视频的FLV播放器->在页面中插入播放器和视频

H264:IE,Safari

WebM:Android,chrome,firefox,opera

4.HTML5的video标签

<video src="video/puppy.mp4" poster="images/puppy.jpg">

src指定视频路径,mp4的格式为H264

poster属性为在视频加载时或在视频播放之前,该特性用于指定显示一个图像

width,height属性用像素指定播放器的大小

controls属性,如果使用该特性,就表示浏览器需要提供默认的播放控件

aotoplay属性,自动播放

loop,结束后重新播放

preload属性:none(在用户按下播放按钮之前,浏览器不必加载视频),aotu(在浏览器加载时载入视频),metadata(浏览器只需要手机少量视频信息,比如大小,播放列表)

多个视频

<video>

  <source src="" type=""/>

  <source src="" type=""/>

</video>

source元素可以代替起始标签video中的src特性

 

 

对视频进行编码的网站

www.mirowvideoconverter.com

posted @ 2017-06-26 16:48  eudaemonia  阅读(168)  评论(0编辑  收藏  举报