AngularJs将url输入到iframe中

时间:2014-04-17 08:13:00

标签: angularjs iframe

我正在尝试让用户输入youtube网址,
并将该网址显示在iframe上 但视频似乎没有显示。

我添加了角度html代码:

<html ng-app>

iframe脚本:

 <input type="text" class="form-control" ng-model="yourName" placeholder="동영상 URL..">
 <iframe height="180" width="310" src="{{yourName}}"></iframe>

输入&#34; asd&#34;
显示错误:
HTTP状态404 - / Test1 / WireFrame2 / asd

1 个答案:

答案 0 :(得分:0)

首先,如果用户需要输入youtube网址,则输入asd会显示错误,因为它会查找相对网址,因此您会看到/Test1/WireFrame2/asd

YouTube链接需要/embed/才能将其包含为iframe的src。

例如,对于链接www.youtube.com/watch?v=xyz,您需要www.youtube.com/embed/xyz,因此您必须格式化输入。

一旦你完成了这一切,你就应该好好去。