html5视频流

Question

我正在使用mediaViews和html5在我们的cakephp网站上流式传输视频截屏视频。我使用videojs玩家和正在运行到几个问题：

1. 在Safari/iPad/iPhone的不会流（我把它转换成MP4）
2. 不允许观众跳到任何浏览器中的视频中间。他们必须从头到尾观看视频，这并不理想。
3. 不坠回闪对象不支持HTML5

它目前在Chrome和Firefox串流正确的浏览器。我还没有试过IE。

代码如下。视频文件的所有转换都是使用我读过的Miro Video Converter完成的。

任何帮助非常感谢！

学生控制器代码

function view_demo_mp4() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.mp4', 
     'extension' => 'mp4', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 

} 

function view_demo_webm() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.webm', 
     'extension' => 'webm', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 
} 

function view_demo_ogg() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.ogv', 
     'extension' => 'ogv', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 
} 

查看

<video class="video-js vjs-default-skin" controls preload="none" width="768" height="432" 
    poster="/files/demo_splash.png" 
    data-setup="{}"> 
     <source src="/students/view_demo_mp4" type='video/mp4' /> 
     <source src="/students/view_demo_ogg" type='video/ogg' /> 
     <source src="/students/view_demo_webm" type='video/webm' /> 
</video> 

我有视频的三个版本。原创是使用Quicktime Screen Recording创建的。我目前正在使用：

• 的MP4 H.264，音频通道数：2总比特率320
• OGV HTML5视频（OGG）我没有看到任何进一步的细节
• WebM的HTML％的视频WEBM（再次，没有更多的细节，我可以找到）

当使用Miro转换器转换视频我使用最右边的选项“格式”，选择“视频”，然后输出类型。

这是在https网站上，所以也许这可能导致闪回故障的问题？除此之外，我没有看到有关videojs的任何指示来帮助设置备用。我错过了什么吗？

非常感谢您的帮助。

Answer 1

如果您的HTML5视频不能在任何Apple手持设备上播放，请尝试在Adobe Media Encoder中自己编码mp4版本。确保在视频选项卡下选择4或更低的级别，绝对选择基准为配置文件，并显示足够低的比特率，例如在1000kbps和2000kbps之间（默认值通常为20000kbps）。