Embeded URL not working

  • Hi,

    Using the Custom HTML in the Block Editor, this URL displays the surveillance camera’s snapshot image successfully:

    <figure class="wp-block-image"><img src="https://70.20.54.49:90/CGIProxy.fcgi?cmd=snapPicture2&usr=[USERNAME]&pwd=[PASSWORD]&t=" alt="" /></figure>

    now, after changing the camera this URL no longer works:

    <figure class="wp-block-image"><img src="https://[USERNAME]:[PASSWORD]@70.20.54.49/cgi-bin/snapshot.cgi?channel=15&t=" alt="" /></figure>

    The important thing however is that the following URL works by pasting into the address field of all browsers:

    https://[USERNAME]:[PASSWORD]@70.20.54.49/cgi-bin/snapshot.cgi?channel=15&u=escrso&p=ESCrso1776!&t=" alt=""

    What needs to be done to make the new version URL display on a web page?

    Thank you

    NOTE: I don’t know how to “escape” the HTML so the URL & HTML displays in the bolded text lines above.

    • This topic was modified 3 years, 6 months ago by Mike8857. Reason: The fake URLs fails to be presented
    • This topic was modified 3 years, 6 months ago by Mike8857. Reason: There should be a preview option prior to submitting
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Mike8857.
    • This topic was modified 3 years, 6 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @mike8857

    I hope you are doing well.

    Try these steps and let me know if they worked.

    Step 1: Select the image block.
    Step 2: click on REPLACE.
    Step 3: Click on EDIT.
    Step 4: Insert the new URL.
    Step 5: Press enter.

    The new URL should be visible now.

    Cheers
    @west7

    Here are screenshots: cloudup.com/cipj9YRZ9RO

    • This reply was modified 3 years, 6 months ago by Wes Theron.
    Thread Starter Mike8857

    (@mike8857)

    I was thrilled to see this as an alternative but unfortunately it isn’t working. When the URL is presented in the “Current media URL” field it succeeds when clicking on it. However, when previewing the page, only the caption is rendered.

    I don’t think this is the problem but I can’t get rid of the “The image has an empty alt attibute; its filename is snapshot.cgi” I’ve added the alt=”xxxx” in the url but the error persists.

    If there is anything else you can suggest, I’m eager to give it a try.

    Thank you

    Let’s try one of these:

    1. Debugging. You’d need to open up yourbrowser developer tools, go to the ‘Console’ tab, and see if there are any red error messages, particularly anything like ‘403 (Forbidden)’ with the URL of the image. The steps can be different in each browser. In Chrome you can go to the options menu in the top right > More tools > Developer tools.

    OR

    2.Try deleting the image block and adding a new one, but I imagine they’ve tried that.

    Cheers

    Thread Starter Mike8857

    (@mike8857)

    @west7 thank you for the reply.

    The HTML below presents the image:

    <figure class="wp-block-image size-large"><img src="https://70.20.54.49:90/CGIProxy.fcgi?cmd=snapPicture2&usr=[USERNAME]&pwd=[PASSWORD]&t=&quot; alt=&quot;&quot;" alt=""/></figure>

    But when replacing the URL above with the URL below, the image is not presented:

    https://[USERNAME]:PASSWORD]@70.20.54.49/cgi-bin/snapshot.cgi?channel=15

    Why should the format of the URL not be presented by WordPress?
    Well the answer appears in the Inspect Element fo the browser as you suggest:
    [Deprecation] Subresource requests whose URLs contain embedded credentials (e.g.https://user:pass@host/) are blocked. See https://www.chromestatus.com/feature/5669008342777856 for more details.

    This is blocked in Chrome, Edge and Brave. But the image is rendered in Firefox.

    I will look at this more but if I can’t embed the image as I prefer, I will create a button that brings the user to the image. That works.

    I thank you for responding. Input from others creates new approaches.

    • This reply was modified 3 years, 6 months ago by Mike8857.
    • This reply was modified 3 years, 6 months ago by Mike8857.

    You are welcome @mike8857!

    So is it sorted now?

    • This reply was modified 3 years, 6 months ago by Wes Theron.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Embeded URL not working’ is closed to new replies.