Question

         <div class="small-12 medium-6 large-4 columns" ng-if="video">
            Testing video link: https://www.youtube.com/embed/{{video}}
                <div class="h_iframe">
                    <iframe width="854" height="480" src="https://www.youtube.com/embed/{{video}}?rel=0" frameborder="0" allowfullscreen></iframe>
                </div>
        </div>

我无法在我的网页上显示嵌入YouTube视频？我能够使用有效的URL显示测试视频链接。

在iframe中，我的视频没有显示。但是，如果我将src代码（“https://www.youtube.com/embed/ {{video}}？rel = 0”'）更改为没有表达式的直接链接，则可以正常工作。如何使用angularjs express来实现这一点？

编辑：从简做了一些改变。

<div class="small-12 medium-6 large-4 columns" ng-if="video">
                Testing video link: https://www.youtube.com/embed/{{video}}
                    <div class="h_iframe">
                        <iframe width="854" height="480" ng- src="https://www.youtube.com/embed/{{video}}?rel=0" frameborder="0" allowfullscreen></iframe>
                    </div>
            </div>

从src更改为ng-src。现在的问题是：我的测试视频链接：https://www.youtube.com/embed/ {{video}}未显示。我的视频没有出现。

解决： Jane在评论中的链接导致了解决方案。感谢。

Answer 1

问题是你正在进行src而不是ng-src，因为你试图在src中输入一些角度。

这应该适合你，我想：

<iframe width="854" height="480" ng-src="https://www.youtube.com/embed/{{video}}?rel=0" frameborder="0" allowfullscreen></iframe>

您可以在此处详细了解ng-src：https://docs.angularjs.org/api/ng/directive/ngSrc

在使用Angularjs表达式链接时，嵌入Youtube视频时没有显示？

1 个答案: