html - 视频不会显示在 bootstrap 主题中

Question

我有一个 bootstrap 主题，我正试图开始工作。它在背景中显示视频，但如果不起作用，也会默认为图像。我可以显示图像，但无法将其链接到视频。我用谷歌搜索了这个并且巡航了一段时间，但未能解决问题。

在原始代码中，它具有指向图像的链接，视频也是如此

 <img alt="" src="assets/img/icon1.png">

为了让它工作，我必须更改为以下内容

 <%= image_tag "icon1.png" %>

video 标签在 javascript 中，看起来像这样

<!-- Initialize background video in hero section, (above the fold) -->
<script>
    $(document).ready(function() {
        $("#videohero").wallpaper({
            source: {
                mp4:    "video/hero.mp4",
                ogg:    "video/hero.ogv",
                webm:   "video/hero.webm"
            }
        });
    });
</script>

所以它链接到“hero.mp4”

所以我在这个视频上遇到了同样的错误，就像我在那里有“img src=”代码时一样，它说路由错误没有路由匹配 GET( Assets 路径在这里)。所以我要特别寻找的是如何更改上面的代码，以便它链接到我试过但没有用的视频。

    <script>
    $(document).ready(function() {
        $("#videohero").wallpaper({
            source: {('<%= video_tag 'hero.mp4' %>')

            }
        });
    });
</script>

这个我也试过

     <script>
    $(document).ready(function() {
        $("#videohero").wallpaper({
            source: {
                mp4:  ('<%= video_tag  "video/hero.mp4" %>'),
                ogg:    "video/hero.ogv",
                webm:   "video/hero.webm"
            }
        });
    });
</script>

我只是不确定如何用 javascript 编写这个并且在网上找不到它。

Answer 1

我不是 Ruby 开发人员，但我会尽力帮助您。我会写评论，但评论内容太多了。

video_tag您尝试用作 <%= video_tag 'hero.mp4' %> 的函数返回输出 <video src="/videos/hero.mp4" /> ，根据文档。 http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html

我认为您要做的是获取图片的来源，而不是整个标签。为此，您可以使用 video_path函数，根据文档。 http://api.rubyonrails.org/classes/ActionView/Helpers/AssetUrlHelper.html