javascript - 在 Rails 应用程序中使用 bigvideo.js 呈现背景

Question

我有以下 bigvideo.js 实现在我的 Rails 项目之外完美运行。

<script src="modernizr.js"></script>
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery-ui-1.8.22.custom.min.js"></script>
<script src="jquery.imagesloaded.min.js"></script>
<script src="http://vjs.zencdn.net/3.0/video.js"></script>
<!-- BigVideo -->
<script src="bigvideo.js"></script>

<script>
var BV = new $.BigVideo();
BV.init();
if (Modernizr.touch) {
BV.show('yay.jpg');
 } else {
BV.show('test.mp4',{ambient:true});
 }
</script>

但是，当我尝试将其转换为 Rails 时，它不会呈现图像或视频。
- 我在 assets/javascripts 中拥有所有 javascript 文件。他们似乎在正确地拉动。
- Application.js 未受影响，包括//= require_tree 。
- 对于自定义 JS(上面显示 js 代码的那个)，我目前将其作为 JS 文件保存在 assets/javascripts 中。我试过将相关的图像/视频文件放入文件夹中，更改文件的网址路径，将其命名为 .html.erb 并使用 ruby​​ 代码段，但都没有成功。

我怎样才能让我的实现工作？您可以看到它在 Rails 之外工作 here .

Answer 1

我能够让 BigVideo 与 Rails 一起工作。我不确定这是否是最理想的修复方法，但如果您提供视频的完整 URL(通过类似 <%= request.protocol + request.host_with_port + asset_path('main-video.mp4') %> 的方式)，它将加载到页面上。

所以我最终使用的代码是:

<script>
  $(function() {
        var BV = new $.BigVideo();
  BV.init();
  BV.show("<%= request.protocol + request.host_with_port + asset_path('main-video.mp4') %>",{ambient:true});
  });
</script>

我已经设置了一个示例应用程序，您可以查看一下。它位于此处(注意:我尽量有点忠实于您的单页示例，但并不完全相同):

http://bigvideo.herokuapp.com/

您还可以在此处查看我用来创建它的代码:

https://github.com/scouttyg/bigvideo-example

我还做了一些有趣的事情，比如将视频放在它自己的目录 (assets/videos) 中，并将预编译路径添加到 application.rb以及。

我认为这个想法是一般性的，您应该将 BigVideo 与 CDN 一起使用，而不是从 Rails 应用程序本身提供它——类似于为什么在 Rails 中建议将文件上传卸载到 S3 等东西。