使用PHP将视频文件加载到html5播放器

3y3skill3r

我对视频没什么问题。我刚刚创建了一个服务,使用户可以在每个页面上看到它,而对于我们的应用程序只是一个帮助视频。

情况

当他单击视频图标时,弹出窗口将打开-此操作:

 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>    

这可能吗?

3y3skill3r

好的,我发现了soloution(PHP)。

这是在PHP中用于视频流的很棒的PHP类:

http://codesamplez.com/programming/php-html5-video-streaming-tutorial

这就是我所需要的。

注意:您需要具有HTML5支持格式的视频-我正在使用OGG- > sample.ogv

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML5视频播放器:动态加载视频

来自分类Dev

我正在寻找一个支持视频文件中多个音频轨道/流的web / html5 / javascript视频播放器

来自分类Dev

使用 Ionic-v3 加载位于设备内部的视频时,HTML5 视频播放器会出错

来自分类Dev

在HTML5视频API播放器中使用HTML5音频API功能

来自分类Dev

HTML5和PHP:播放base 64编码的视频文件

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

如何制作通用的HTML5视频播放器

来自分类Dev

html5视频播放器错误处理

来自分类Dev

HTML5视频播放器进度栏更新

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

HTML5视频播放器全屏问题

来自分类Dev

媒体视频播放器HTML5 JS

来自分类Dev

如何将视频从Play 2 Framework流式传输到HTML5播放器

来自分类Dev

将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

来自分类Dev

将这个html5视频播放器的静音/取消静音功能反转

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

是否可以使用YouTube播放器播放视频文件(例如.avi)?

来自分类Dev

使用AngularJS自定义HTML5视频播放器控件

来自分类Dev

是否存在不允许Periscope使用HTML5视频播放器的技术限制?

来自分类Dev

如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

来自分类Dev

使用HTML5和javascript在全屏播放器而非背景全屏模式下自动播放视频

来自分类Dev

Mediaelement将视频播放器加载到音频标签中

来自分类Dev

是否可以使用Bittorrent协议通过Flash或html5视频播放器流式传输视频?

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

HTML5 视频播放器 onclick 播放/暂停不起作用

来自分类Dev

html5视频播放器和视频js之间的关系

来自分类Dev

如何在html5中播放mp4视频文件

来自分类Dev

ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

来自分类Dev

可以将 HTML5 音频播放器配置为在页面加载时保持不变吗?

Related 相关文章

  1. 1

    HTML5视频播放器:动态加载视频

  2. 2

    我正在寻找一个支持视频文件中多个音频轨道/流的web / html5 / javascript视频播放器

  3. 3

    使用 Ionic-v3 加载位于设备内部的视频时,HTML5 视频播放器会出错

  4. 4

    在HTML5视频API播放器中使用HTML5音频API功能

  5. 5

    HTML5和PHP:播放base 64编码的视频文件

  6. 6

    视频播放器:HTML5 vs Youtube API

  7. 7

    如何制作通用的HTML5视频播放器

  8. 8

    html5视频播放器错误处理

  9. 9

    HTML5视频播放器进度栏更新

  10. 10

    视频播放器:HTML5 vs Youtube API

  11. 11

    HTML5视频播放器全屏问题

  12. 12

    媒体视频播放器HTML5 JS

  13. 13

    如何将视频从Play 2 Framework流式传输到HTML5播放器

  14. 14

    将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

  15. 15

    将这个html5视频播放器的静音/取消静音功能反转

  16. 16

    如何在html5音频和视频播放器中回显php数组?

  17. 17

    是否可以使用YouTube播放器播放视频文件(例如.avi)?

  18. 18

    使用AngularJS自定义HTML5视频播放器控件

  19. 19

    是否存在不允许Periscope使用HTML5视频播放器的技术限制?

  20. 20

    如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

  21. 21

    使用HTML5和javascript在全屏播放器而非背景全屏模式下自动播放视频

  22. 22

    Mediaelement将视频播放器加载到音频标签中

  23. 23

    是否可以使用Bittorrent协议通过Flash或html5视频播放器流式传输视频?

  24. 24

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  25. 25

    HTML5 视频播放器 onclick 播放/暂停不起作用

  26. 26

    html5视频播放器和视频js之间的关系

  27. 27

    如何在html5中播放mp4视频文件

  28. 28

    ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

  29. 29

    可以将 HTML5 音频播放器配置为在页面加载时保持不变吗?

热门标签

归档