Image load problem on device

I have this text :

<h2><u>Title</u></h2>
<p><strong>text</strong> text</p>
<p>text</p>
<p>text</p>
<p><img class="alignnone size-full wp-image-1454" src="http://www.domain.com/wp-content/uploads/image.jpg" alt="alttext" width="355" height="355" /></p>
<p>text</p>
<p>text</p>
<h3><u>h3 tag</u><strong><u>text</u></strong></h3>
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
<p><iframe src="https://www.youtube.com/video" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
<h4><u>text</u></h4>
<ul>
<li>text</li>
<li>text</li>
</ul>
<h4>text</h4>
<p>text</p>

Here is my filter:

app.filter('to_trusted',  function($sce){
        return function(text) { 
            return $sce.trustAsHtml(text);
        };
});

html file:

<div ng-bind-html="post.content | to_trusted"></div>
when i use browser for debuging all works fine but when i try my app on android device i get this error on image links from text:

GET file://www.domain.com/wp-content/uploads/image.jpg net::ERR_FILE_NOT_FOUND