Question

我有一个我试图开始工作的引导主题。它在后台显示视频，但如果不起作用，则默认为图像。我可以显示图像，但无法将其链接到视频。我用谷歌搜索了这个并且巡航了一段时间并且无法解决问题。

在原始代码中，它具有链接到图像和视频的相同

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

我必须更改为以下内容才能使其正常工作

 <%= image_tag "icon1.png" %>

视频标记位于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>

所以它链接到＆＃34; hero.mp4＆＃34;

所以我在这个视频上得到了同样的错误，就像我在＆＃34; img src =＆＃34;代码在那里它说路由错误没有路由匹配GET（这里的资产路径）。所以我特别想要的是如何更改上面的代码，以便它链接到我试过的视频，但它没有用。

    <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的{{1}}函数会返回输出<%= video_tag 'hero.mp4' %>。 http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html

我认为您要做的是获取图片的来源，而不是整个代码。根据文档，您可以使用<video src="/videos/hero.mp4" />功能。 http://api.rubyonrails.org/classes/ActionView/Helpers/AssetUrlHelper.html

视频不会显示在引导主题中

1 个答案: