html5视频流
html5视频流
提问于 2013-01-10 17:40:08
我正在使用mediaViews和html5在我们的cakephp站点上播放一个视频屏幕。我正在为这名球员使用视频，并遇到了一些问题：
- 不会流进safari/ipad/iphone (我已经把它转换成了mp4)
- 不允许查看器在任何浏览器中跳到视频的中间。他们必须从开始到结束直接观看视频，这并不理想。
- 不支持html5的浏览器不会返回到闪存对象
它目前在Chrome和Firefox上正确运行。我还没试过呢。
密码在下面。所有视频文件的转换都是使用Miro视频转换器完成的，我所读的转换器应该工作得很好。
任何帮助都是非常感谢的！
学生控制器代码
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屏幕记录创建的。我目前正在使用：
- Mp4 H.264，音频信道:2总比特率320
- Ogv HTML5视频(Ogg)我没有看到任何更多的细节
- WebM HTML%视频webm (再说一遍，我找不到更多的细节)
当使用Miro转换器转换视频时，我使用极右选项“格式”，选择“视频”，然后选择输出类型。
这是在https站点上，所以这可能会导致闪存回退的问题吗？除此之外，我没有在视频‘t上看到任何帮助设置后遗症的指令。我是不是遗漏了什么？
非常感谢你的帮助。
回答 1
Stack Overflow用户
发布于 2013-05-24 01:47:33
如果您的HTML5视频没有在任何苹果手持设备上播放，请尝试在中自己编码mp4版本。请确保在“视频”选项卡下，选择4级或更低的级别，明确选择配置文件的基线，并显示足够低的比特率，例如1000 such至2000 such之间(默认值通常为20000kbps)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14263977
复制相关文章
相似问题
腾讯云开发者
