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

Question

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

Answer 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>