让视频在网页上无缝播放

时间:2010-10-30 17:19:10

标签: html video flash mov

我有一个157兆字节的mov文件。我尝试在javascript卷轴动画中在我的页面上运行它,动画非常不稳定,实际上我使用css来模拟一个蒙版,但事情没有被掩盖,可能是整页的迟缓,页面从未完全加载,电影文件几乎不可能滚动页面。该文件太大了。我目前已经嵌入了这样的内容:

         <a href="#">
           <object class="im" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="286" width="655">
  <param name="src" value="why_eating_dry_fruit_is_unhealthy.MOV">
  <param name="autoplay" value="false">
  <param name="type" value="video/quicktime" height="286" width="655">
  <embed src="why_eating_dry_fruit_is_unhealthy.MOV" height="286" width="655" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">
 </object>
         </a>

我的问题是:

1)我应该将mov转换为swf - 也就是说,swf是一种更兼容和适当的格式,以便在html网页中无缝集成?

2)无论我选择哪种方式,如何减小文件大小 - 例如在视频无缝运行的YouTube上?我打算使用javascript滚动浏览视频库,所以我需要视频不要陷入页面。

3)此外,许多带有视频画廊的网站都有一个图标,表示“点击播放”。是视频本身的一部分还是我可以创建一个图像,然后点击时,视频会播放?

我确实有Adobe Flash CS4 Professional,如果这很重要的话。如果mov文件更合适,那我怎样才能减小文件大小?

感谢您的回复。

1 个答案:

答案 0 :(得分:0)

首先:检查所有浏览器是否都会发生这种情况。尝试禁用所有扩展程序和主题,然后查看它是否正常运行。


其次:检查后,返回此答案。


第三:继续阅读此答案。


制作三个版本:移动版,桌面版和高清版,让用户自行决定。

  • HD:原始的157 MB文件
  • 桌面:较小的文件,较低的分辨率和质量 - 20~50 MB
  • 手机:小分辨率约320x480像素 - 5~10 MB

如果你有Mac,可以使用QuickTime X来减少文件大小。如果您有Windows计算机,则可以使用各种工具,例如Miro Video Converter


点击播放按钮只是使用JavaScript将带有属性的<object>标记注入DOM的按钮。它们通常不是视频本身的一部分,除非它是Flash。但是,Flash正在慢慢走向终结,HTML 5支持新的<video>标记规则。 :d


玩得开心!