找不到视频源时的备用消息和浏览器的自定义错误消息

【问题标题】：Alternate message when video src not found and custom error message of browser找不到视频源时的备用消息和浏览器的自定义错误消息
【发布时间】：2016-03-13 04:14:29
【问题描述】：

<iframe class="embed-responsive-item col full-scr" type="text/html" src="{{aarti.url | trustAsResourceUrl}}"  frameborder="0">
</iframe>

此显示 404 错误消息我不想显示此消息。我想在找不到 src 时显示图像或一些文本来代替此错误消息。我尝试了一切，但对我没有用..请告诉它是什么解决方案。

【问题讨论】：

标签： html angularjs video iframe

【解决方案1】：

要检查 iframe 的 src 是否存在，我们必须使用 ajax

试试这个：

Javascript：

function urlExists(url, callback){
$.ajax({
 type: 'HEAD',
 url: url,
 success: function(){
   callback(true);
 },
 error: function() {
   callback(false);
 }
 });
}

HTML：

<iframe class="embed-responsive-item col full-scr" type="text/html" src="{{aarti.url | trustAsResourceUrl}}"  frameborder="0" ng-if="urlExists(aarti.url)">

<p ng-if="!urlExists(aarti.url)" >Your error Message</p>

【讨论】：

aarti.url.length 在所有情况下都显示相同的长度。
在每种情况下都一样！urlExists(aarti.url) 被调用。