如何将视频添加到移动Web浏览器的网页中

时间:2010-05-25 15:37:26

标签: html android xhtml video mobile

我们公司正在制作我们网站的移动版本。我们想要在移动版本上展示多个产品视频。

当我尝试使用

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

我的htc令人难以置信的安卓手机上播放声音但是黑屏。

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

我尝试了html嵌入标签并且根本没有得到视频或声音,从我所看到的这些标签不是非常可靠的跨浏览器。

我也尝试了下面的html5视频标签。我得到一个图标,表明它是一个视频文件,但它没有播放。

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

视频文件需要特殊格式吗?如果我使用href或embed标签,我还有其他选择吗?

如果有必要知道,我在我的网页上使用移动设备文档类型。

由于

3 个答案:

答案 0 :(得分:1)

您需要发送到浏览器的视频格式因浏览器而异。 Firefox支持Ogg Theora,其他人似乎都支持MPEG-4容器中的H.264(MP4文件)。

请点击此处查看示例:http://html5demos.com/two-videos

无论如何,WMV将无法运作。

答案 1 :(得分:1)

Android通常不支持WMV格式。以下是支持的格式列表:

http://developer.android.com/guide/appendix/media-formats.html

如果iPhone / blackberry / etc没有共同的格式,你可能需要一些基于用户代理的javascript魔法来选择要嵌入的文件。

答案 2 :(得分:1)

我找到了解决问题的简单方法。 YouTube上。在youtube上上传需要在您的移动网站上播放的视频并且它们可以正常运行。 PERIOD。

不用大惊小怪!只需将嵌入的网址从YouTube视频页面复制到您的移动页面即可。

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

此列表并不广泛,我可能会在稍后考虑更多内容,但如果您能想到使用YouTube移动视频的任何更多优点或缺点,请发表评论。

<强>优点:

++ YouTube在大多数主要智能手机中都被普遍接受(因此您的视频应该播放!)。

+如果您的带宽有限,则无需担心浪费任何带宽。

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

<强>缺点:

视频播放期间

- YouTube符号

-它不在您的托管服务上托管。某些分析服务可能无法跟踪。 (需要自定义跟踪?onclick java-script事件?)

- YouTube带宽可能无法接受平滑重播? (虽然从最初的视频观看带宽似乎可以接受(最小缓冲...),但没有确认......)。可能大多依赖于手机3g / 4g的连接质量。

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

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