Problem displaying an embedded image URL

[Dan Roman]

This is not a Dreamweaver problem per se but I hope someone can help me figure out what is going on, might be a browser or HTML issue.  I have a webcam image that I am attempting to display on a page on a website.  An example of the HTML is below (modified to remove the actual address).

<img border="0" src="http://mywebcam.com:8008/picture/1/current/?_username=user&_signature=0123456789ABCDEF" align="left">

In the Dreamweaver preview, as I am editing the HTML, the image from the webcam appears just fine.  But when I view the website using Chrome (or Edge) the image does not display, I get the broken image icon placeholder.  If I do a Chrome view source, the img tag is exactly as I typed it into Dreamweaver, so the server is serving up the page and img tag correctly.  If I copy and paste the src URL into my browser the image is displayed just fine.

What am I missing here?  Shouldn't img and src work here or do I need to modify the tag?  The webcam image is visible in the Dreamweaver design or live view mode but not when viewed from a browser accessing the web page.

[BenPleysier · Accepted solution]

If your website makes HTTPS requests, then it will fail when it comes across an HTTP link.

[Dan Roman]

Thanks, I see how that makes sense.  The website is secure but the URL for the webcam is not and I am editing the site offline with Dreamweaver and FTP the pages to the server when I am happy with it, so I guess that's why Dreamweaver doesn't complain.

Any way around this?

[osgood_]

Any way around this?

By @Dan Roman

Host your image/s locally if they are curently remotely hosted on an unsecure server and you're attempting to pull them into a remotely secured website. Your web pages are on a secure server, so you have informed, so why not host your images on the secure server as well?

[Nancy OShea]

As a test, try this code.  It's valid HTML and sourced from a secure server.

<img src="https://dummyimage.com/650x490" alt="placeholder">

Hope that helps.