Compatibility

Follow

Comments

142 comments

  • Avatar
    James (Sketchfab Profile)

    Are you able to provide a link to that page?

    In both cases, I highly suspect that the iframe is being sandboxed (see explanation above) on your sites. The device and browser you use will not change that, it's being set by the website.

    You'll see something like this in the raw HTML of the page:

    <iframe ... sandbox="allow-scripts" ... ></iframe>

    How are these websites built / configured?

    0
    Comment actions Permalink
  • Avatar
    lowBlueLight (Sketchfab Profile)

    https://3dscanexpert.com/structure-sensor-realsense-sr300-kinect-v2-3d-scanning/

    I get this when look at the raw html - does this mean it's not fixable our end?

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    That's the JavaScript console. If you check inspect the HTML elements of the page, you can see this iframe, for example:

    <iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" width="660" height="371" src="https://sketchfab.com/models/5669ab708807441f87494128e44f63a7/embed#?secret=RgZlTNGS6j" data-secret="RgZlTNGS6j" frameborder="0"></iframe>

    It seems that WordPress is automatically adding the sandbox="allow-scripts" part of that, which breaks the viewer without sandbox="allow-scripts allow-same-origin" (and preferably also "allow-poups allow-forms" to make sure all possible features work).

    You might be able to change that manually editing the raw text version of the page in WordPress, but it's not clear to me why WP is adding this automatically. Our blog, for example, uses WP and doesn't do this. Our embeds work fine.

    Can you walk me through your procedure for adding an embed to a post? Do you have any WP plugins that might affect this? Any information in general about your WP configuration would be helpful.

    0
    Comment actions Permalink
  • Avatar
    lowBlueLight (Sketchfab Profile)

    I'm just a visitor to the site so no process. I just get about 3 seconds of the underlying model and then this error appears over the top. I've been on this page before with no issue and it's an old post (relatively) so I'm not sure why the encoding of the webpage would be causing this now?

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Ok thanks. It's something their WordPress is doing automatically to our iframes. We'll continue investigating.

    0
    Comment actions Permalink
  • Avatar
    ShapeLab (Sketchfab Profile)

    Hi James,

    We are having similar issues here with a premium account. Could you please help us? Here is our website with some Sketchfab embeds: https://shapelabvr.com/ (please scroll down to the “Created with ShapeLab” section).

    As a visitor, with an up to date Chrome or Edge (for example) you’ll most likely see the following message “It looks like your browser or this site is blocking some scripts or cookies necessary to properly display the viewer.”

    We are using Elementor WordPress plugin and tried to simply embed the models by following these instructions https://help.sketchfab.com/hc/en-us/articles/204982689-WordPress

    Unfortunately, I’m not a technical guy, but I guess the generated “iframe HTML code” does not supposed to look like this..? Can’t see attributes such as “allow-same-origin allow-popups”

    Not sure if I’m copying the right part from our page: <iframe class="wp-embedded-content lazy-loaded" sandbox="allow-scripts" security="restricted" data-lazy-type="iframe" data-src="https://sketchfab.com/models/31012aa1375f443a852110b4f9112564/embed#?secret=7r1ObyPxXo" data-secret="7r1ObyPxXo" frameborder="0" width="688" height="387" src="https://sketchfab.com/models/31012aa1375f443a852110b4f9112564/embed#?secret=7r1ObyPxXo"></iframe>

    Could you please let me know if there is a workaround for this?

    Thank you very much for your time!

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Hi,

    Yep you're looking in exactly the right place in the code. You'll need to change sandbox="allow-scripts" to sandbox="allow-scripts allow-same-origin". Do you have the ability to edit the raw HTML directly?

    We're still investigating why certain WordPress configurations and/or plugins are doing this by default. Some other WP users have also found workarounds, but I haven't received any information yet. I'll follow up with any news.

    0
    Comment actions Permalink
  • Avatar
    virainsight (Sketchfab Profile)

    @James 

    Hello, Im having an issue with IOS 10.13 and using the steps to fix the problem for Safari.

    I did the steps correctly, but i noticed that those steps were for 10.9 and earlier.

    Is there a way to fix this Safari issue with 10.13 and up for IOS

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    @virainsight sorry, do you mean macOS, not iOS?

    What happens when you try to view a model? Can you please send me a screenshot of this report from Safari? http://webglreport.com/

    0
    Comment actions Permalink
  • @James I am trying to embed a Sketchfab into my WP site.  https://www.midsouthdroneservices.com/construction-progress-photos/ .

    I simply past the URL into my WP page editor (WPBakery Page Builder) and it works fine on the back end where I am editing the page.  But when I view the page as a visitor (any browser) I get the dreaded grey box and message

    It looks like your browser or this site is blocking some scripts or cookies necessary to properly display the viewer.

    I can't find where to edit the iframe code???  If you can tell me where to go and edit that I am sure that will fix it. 

    When a person loads the page as a normal site visitor, the Sketchfab windows shows for about 1 second and then then it immediately switches to the grey window with error message.

    Any help will be greatly appreciated.

    Thanks!

     

     

    0
    Comment actions Permalink
  • I had originally added the one line of code to the functions.php file.  But then I read that installing Jetpack fixes this problem.  So after installing Jetpack, I deleted the line from functions.php and now the Sketchfab does not work in the backend.  I am sure that if I re-insert that code back in the functions.php file it will work in the backend (but still not in the front end).

    However, I am going to wait for further instruction before I make any further changes.  I just need to get this up and running ASAP :)

    Thanks,

    Tim

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Hi Tim,

    The embed seems to be working now. WordPress caches oEmbed codes for 24 hours, so it can take some time to show the change.

    0
    Comment actions Permalink
  • Avatar
    klajas (Sketchfab Profile)

    Hello! I am trying to link a 3d model into my PowerBI report, but in every browser I got the same message:

    It looks like your browser or this site is blocking some scripts or cookies necessary to properly display the viewer.

    View this model on Sketchfab :
    https://sketchfab.com/models/88709aef079d45f1954f830509055e93/embed?utm_source=website&utm_campaign=blocked_scripts_error

     

    If I click that link I can see my model on the website, but I need to see it in my report.

    As a source I used the following link:

    <div class="sketchfab-embed-wrapper"><iframe width="640" height="480" src="https://sketchfab.com/models/88709aef079d45f1954f830509055e93/embed" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>

    <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;">
    <a href="https://sketchfab.com/3d-models/v1-1-88709aef079d45f1954f830509055e93?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">V1 1</a>
    by <a href="https://sketchfab.com/klajas?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">klajas</a>
    on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a>
    </p>
    </div>

     

    I tried already with webgl.force-enabled, but it didn't help.

    Does anybody know what should I change in my code or in the settings of my browser to make it work?

    I would be really thankful for any help, I need that report for my master thesis.

    0
    Comment actions Permalink
  • Avatar
    tedsheppard (Sketchfab Profile)

    Hi, the annotations are not 'clickable' on android? you can only open them by cycling through with the arrow keys? works fine in IOS...

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    @tedsheppard Thanks for the report. I'll continue replying directly to the support ticket you submitted.

    0
    Comment actions Permalink
  • Avatar
    Zenofyy (Sketchfab Profile)

    Hi there, I'm having issues with the viewport at the moment. My browser (Chrome) supports and is running WebGL and yet when I click a model it says "For compatibility reasons, 3D is not available".

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Hello,

    Did you try the steps listed above to enable the Override software rendering list at chrome://flags/#ignore-gpu-blacklist and then restart Chrome?

    If you did that and it's still not working, can you please send me a screenshot of this report? https://webglreport.com/

    0
    Comment actions Permalink
  • Avatar
    Zenofyy (Sketchfab Profile)

    Yup, I enabled 'Override software rendering list' but still no luck.

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    It's because Chrome is trying to use SwiftShader (a CPU implementation of WebGL) instead of your GPU. I've seen this once or twice recently, but I haven't yet been able to figure out why it's happening. It might be a bug in Chrome. I'm going to need our 3D team to look into this.

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Zenofyy can you share your system specs, especially operating system version and GPU information?

    0
    Comment actions Permalink
  • Avatar
    davidhall (Sketchfab Profile)

    I was having the same issues as @Zenofyy described a month ago where every model said "For compatibility reasons, 3D is not available". I already had 'Override software rendering list' enabled. I never had any problems on sketchfab prior to this.

    I was using Chrome Version 78.0.3904.108 (Official Build) (64-bit) at the time. When I went to check my Chrome version, I noticed that it said I needed to restart Chrome to finish a pending upgrade.

    After restarting Chrome, it is now Version 79.0.3945.79 (Official Build) (64-bit) and the sketchfab compatibility warning is no longer being shown. I suspect the problem was the fact that Chrome was in the middle of upgrading itself.

    Hope this helps someone else who is encountering the same warning.

    0
    Comment actions Permalink
  • Avatar
    James (Sketchfab Profile)

    Hi davidhall, thanks for sharing those details! My best guess now is that it was a bug in Chrome, perhaps a specific range of 78.x versions.

    0
    Comment actions Permalink

Please sign in to leave a comment.