我对视频没什么问题。我刚刚创建了一个服务,使用户可以在每个页面上看到它,而对于我们的应用程序只是一个帮助视频。
情况
当他单击视频图标时,弹出窗口将打开-此操作:
var getVideoModal = function (video) {
var path = '/application/files/help/tutorial_videos/'+video;
$('div#modal-video').modal('show');
$("#modal-video").draggable({
handle: ".modal-header"
});
$('h3#modal-header-video').html(video);
console.log(path);
$("#video-help").find("#videoPath").attr("src", path);
centerModal();
}
当弹出窗口打开时,(在弹出窗口中)是<video>
html5元素
<video id="video-help" width="530" controls>
<source id="videoPath" src="" type="video/mp4">
</video>
弹出式窗口正常工作,但视频不工作。
问题:
我有问题,因为我将视频存储在“ / application / help / videos ”中。此路径是禁止的,您不能在浏览器中调用此URL。如何使用PHP(可通过文件系统访问)从此受限区域将视频加载到视频播放器
我需要类似的东西:
<video id="video-help" width="530" controls>
<source id="videoPath" src="whatever.php?video=loaded.mp4" type="video/mp4">
</video>
这可能吗?
好的,我发现了soloution(PHP)。
这是在PHP中用于视频流的很棒的PHP类:
http://codesamplez.com/programming/php-html5-video-streaming-tutorial
这就是我所需要的。
注意:您需要具有HTML5支持格式的视频-我正在使用OGG- > sample.ogv
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句