2010-05-25 163 views
1

我们公司正在制作我们网站的移动版本。我们有几个产品视频想要在移动版上展示。如何将视频添加到移动网页浏览器的网页

当我尝试使用

<a href="video.wmv">video</a> 

我得到播放声音,但我的HTC不可思议的Android操作系统的手机黑屏。

我在想,在播放视频时,但在不同的浏览器窗口。我需要它在一个窗口中显示所有内容,而不必切换到另一个窗口。

我试过HTML嵌入标签,并得到没有视频或声音,请从我读过这些标签都不是很realiable跨浏览器。

我也只是尝试下HTML5视频标签。我得到一个图标标识它是一个视频文件,但它不播放。

<video src="video.wmv" controls="controls"> 
     your browser does not support the video tag 
</video> 

是否有一个特殊格式的视频文件需要在?我应该使用href还是embed标签,还有其他选择吗?

如果它有助于知道,我使用我的网页在移动DOCTYPE。

感谢

回答

1

我找到了解决我的问题的简单方法。 YouTube上。在YouTube上上传需要在您的移动网站上播放的视频并开始工作。期。

没什么大惊小怪的!只需将YouTube视频页面中嵌入的网址复制到您的手机页面,即可开始使用。

我并不确定YouTube是如何使视频兼容的。我猜测上传视频时会自动将视频转换为多种格式,以便根据智能手机访问网页的情况播放正确的编解码器/容器。

此列表并不广泛,我可能会觉得更晚,但如果你能想到的任何更多的优势,或者使用移动版YouTube视频的缺点评论。

优点:

++ YouTube上被普遍接受的最当中主要的智能手机(因此您的视频应该发挥!)。

+如果你有有限的带宽,你不必担心浪费你自己的带宽。

++易于设置,很少或没有配置(设置视频分辨率)。它只是工作! (封装...)

缺点:

-视频中的YouTube标志回放

-这不是托管在您的托管服务。可能不会被某些分析服务跟踪。 (需要自定义跟踪?onclick java脚本事件?)

- YouTube带宽可能无法用于流畅播放? (尽管从最初的视频观看带宽似乎可以接受(最小缓冲......),但未确认...)。可能主要依赖手机3G/4G连接质量。

-有限的视频文件大小/分辨率?不应该成为问题,因为您需要智能手机的质量较低的视频。

我想知道YouTube如何使其视频与智能手机兼容,因此如果有必要,我可以自己托管视频,但现在这似乎是最佳选择。

+0

youtube是否为智能手机提供实时视频流媒体服务? – user198729 2010-06-20 10:15:43

+0

不是特别的,但我有我们网站的移动版本使用youTube视频,它非常棒。我选择了可​​用于youTube视频的最低分辨率,并将嵌入的网址复制到我的移动网站,并且视频播放效果很好。我亲自测试过一款基于android操作系统的手机,并且iPhone和视频播放功能非常棒。 – payling 2010-06-29 13:54:59

1

你需要发送给浏览器的视频格式的浏览器而异。 Firefox支持的Ogg Theora格式,其他人似乎支持以MPEG-4 H.264容器

在这里看到一个例子(MP4文件):http://html5demos.com/two-videos

在任何情况下,WMV将无法正常工作。

+0

那么,关键是视频播放需要支持智能手机。 Safari是为iphone而设计的,我认为android是Chrome。我不确定黑莓。我在印象之下html5对于那些浏览器来说是一种兼容性不错的方式,如果我错了,请纠正我。 – payling 2010-05-25 17:17:02