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

Question

我想在我的 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

score 4 · Accepted Answer

您提供的链接返回一个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 不允许热链接他们的内容。

score 1 · Accepted Answer

首先， http: //vimeo.com/45578271不是视频文件，它是指向另一个网站的链接。

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

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

我自己对此不太了解，但是对于您最有可能的需求以及我对这些服务器的了解，这将是一个很好的查看和用作比较产品之一的产品（您应该正在研究其他人）。

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

score 0 · Accepted Answer

刚刚提到...与这里所说的相反，如果您使用其中一个高级帐户，vimeo 允许盗链自己的视频。但是如果你这样做，你必须运行你自己的响应脚本来选择最好的视频源（网络速度，视口大小）。

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

3 回答 3

Related

Reference