如何使用html5在ipad上播放流媒体视频

时间:2012-07-12 09:45:39

标签: html5 video streaming

我想在我的ipad上播放流媒体视频为此我写了这段代码,但这不起作用。

请提出我缺少的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <video id="my_video_1" controls>
         <source src="http://vimeo.com/45578271" type='video/mp4'>
    </video>


</body>
</html>

我为它创建了一个示例页面os jsbin http://jsbin.com/anevug

3 个答案:

答案 0 :(得分:4)

您提供的链接会返回html个文件,而非视频文件 src属性需要直接链接到视频文件,例如:

<source src="http://example.com/video.mp4" type='video/mp4'>

当我打开您的Vimeo链接时:

http://vimeo.com/45578271

实际视频可从以下网址下载:

http://player.vimeo.com/play_redirect?clip_id=45578271&sig=ce8ba1a31d3d05b9f1df5672eab81d5f&time=1342087202&quality=sd&codecs=H264,VP8,VP6&type=moogaloop_local&embed_location=

每次访问Vimeo时,此地址都会发生变化 Vimeo不允许hot linking他们的内容。

答案 1 :(得分:1)

首先,http://vimeo.com/45578271不是视频文件,而是指向其他网站的链接。

其次,HTML5本身不支持流式传输。您必须使用流协议(例如RTP / RTSP / RTCP)或外部应用程序来支持它,就像某种流媒体服务器一样。

一个猜测就是使用Flash Streaming Server。 http://www.adobe.com/products/flashmediastreaming/

我自己对此并不太了解,但是对于您最需要的东西,以及我对这些服务器所听到的内容,这将是一个很好的看待和用作比较产品之一(你应该研究其他的)。

“Adobe®Flash®MediaStreaming Server 3软件是使用渐进式下载提供视频的经济实惠的下一步。它提供了显着改进的性能,更安全的流媒体,实时流式增强,行业标准的H.264和HE-AAC支持,以及使用Adobe Flash Lite™3和Adobe Media Player软件将流式传输到手机。“

答案 2 :(得分:0)

刚才提到的......与此处所说的相反,如果您使用其中一个高级帐户,vimeo允许自动链接自己的视频。 但是如果你这样做,你必须运行自己的响应脚本来选择最佳的视频源(网络速度,视口大小)。

enter image description here