Tagged: , ,

Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • #1261808

    Hello
    We recently updated the latest Enfold theme (4.7.6.4) and WordPress 5.5.1
    When I paste a Vimeo or YouTube link (whatever link, this could be the one in example https://vimeo.com/1084537) it’s a black rectangle that displays on the page. It happens only when adding new video links. Old Vimeo links still works. We don’t know what’s causing this issue and how we could resolve it.

    New page (now working video)
    https://www.prisma-demo.com/prismaprepare/?lang=ja

    Old page (working video)
    https://www.prisma-demo.com/prismaprepare/

    Thanks.

    #1261943

    Hey ocetechnologies,

    Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1262634

    Hi Rikard,

    I’ve posted the login details in the private content section.

    Best Regards,
    Tim

    #1262928

    Hi Tim,

    Thanks for that. The video you are trying to use doesn’t seem to exist, or maybe it’s set to private at Vimeo?

    Best regards,
    Rikard

    #1263002

    Hi Rikard,

    This is indeed a private video that only works on the prisma-demo.com domain. I now used a code block with a iframe in it as a workaround to resolve it.
    I’ve also created a video test page for you: https://www.prisma-demo.com/test-video
    There I added a private (https://vimeo.com/167903673) and a public video (https://vimeo.com/235883809). Both have the black rectangle.
    Could you have a look at the video test page?

    #1263183

    Hi,

    Thanks for the update. I see that it’s not working on your site, but I can’t reproduce the problem with the same video on a live install: http://wpexpert.se/enfold/vimeo-test-page/

    I’m not sure why the video is not working on your site unfortunately, since there are no error message at all in the browser. Did you try to perform general debugging like disabling plugins?

    Best regards,
    Rikard

    #1263495

    Hi Rikard,

    In our test environment (only accessible on our Intranet) I’ve tried to disable all plugins and our child theme but that doesn’t help. All kind of videos (Vimeo and YouTube) don’t work. I don’t have a clue what’s causing this issue. I don’t see any error message. With an older version of the Enfold theme this was working. My question is what has been change in code? What will exactly happen when creating a video. Is it a PHP script that processes it or is it all client side code?

    Best Regards,
    Tim

    #1264123

    Hi Tim,

    Sorry for the late reply. I’m not sure what could be going wrong to be honest with you, but I’m guessing that it might be due to some sort of firewall or security setting on your network? Does it work if you create a basic html file outside of WordPress, and add the video as an iframe for example?

    I’ve asked the rest of the team for help with your problem as well.

    Best regards,
    Rikard

    #1264196

    Hi Rikard,

    If a I add a code block with a iframe then it works as you can see on test video page: https://www.prisma-demo.com/test-video/
    It could indeed be a security setting on our network but I don’t know what. I don’t know what the video media element does in the background. Is it server side code what does the processing or it is the client side? Might it be an option for you that I make a backup of the WordPress site and send you that?

    Best Regards,
    Tim

    #1264857

    I am having the same problem with Vimeo links. Worked fine in the past. Please help!

    We host on WPE, never had this problem before.

    • This reply was modified 3 years, 4 months ago by lalalau1.
    #1264911

    @Tim – did you manage to fix this? Let me know, thanks! It’s a really annoying bug!

    #1265356

    Hi,

    @ocetechnologies
    , sorry for the very late reply and thanks for the login, I was able to copy your page to my localhost and all of the video worked, well the first one is private but it shows that. Please see the screenshot in Private Content area.
    I see that Rikard had the same results, I’m not sure why this is occurring but to answer your question the elements are partially server-side with the PHP, but the javascript is client-side.


    @lalalau1
    , thanks for the link to your site, I see that if I block your cache plugin minified javascript file the video tries to work, please try disabling all caching and minifying, and the Enfold Theme Options > Performance > JS & CSS file merging and compression option, and enable the Enfold Theme Options > Performance > Delete old CSS and JS files option, at the bottom of the same options page. If you have a server cache please clear it also. Then check.
    The thought behind this is some plugins will try to minify minified files, breaking them, so let’s try purging and see if un-minified files produce the same error.
    From there I would recommend looking at the plugins and custom scripts, perhaps you have already done this, but if your site was still serving cacked files the error could slip through.

    Best regards,
    Mike

    #1265442

    @lalalau1. I didn’t manage to fix it. This is an annoying bug. It worked fine in the past. I think this has something to do with caching / merging of JavaScript files. We use pagespeed (server side caching). Perhaps that is causing this issue, I don’t know yet.

    #1265443

    Hi,

    We use pagespeed (server side caching). Perhaps that is causing this issue. However we don’t merge Javascript files.

    #1265741

    Hi,

    @ocetechnologies
    are you able to disable the server-side caching to test?

    Best regards,
    Mike

    #1267501

    Hi Mike, I’ve disabled the pagespeed server side caching in our test environment but without success. Stil have the issue. I am out of options now.

    Best Regards,
    Tim

    #1268674

    Hi,
    Sorry for the late reply, I created another test page on a different server by copying your test page ALB shortcode, and in comparing the source code with your test page I note that the avia-iframe-wrap div is missing from your element:
    2020-12-19_105748.jpg
    yours is the lower image.
    I imagine this is also happening on your test environment, and you also tested with no plugins or custom scripts. I don’t know why this would occur, I tried many combinations of the theme settings to recreate your error but I could not.
    I am also out of ideas, since the code block element is working for you to show the video, do you think this will suit your needs so that you can move forward on your project?

    Best regards,
    Mike

    #1272403

    Hi,
    Sorry for the late reply. With the iFrame workaround we are able to move forward. However this workaround is a bit annoying. I hope there will be a real solution in a future release.

    Best Regards,
    Tim

    #1272725

    Hi,
    Glad to hear that this workaround will suit your needs for now so that you can move forward on your project, I understand that it may be annoying, but unfortunately, we were not able to reproduce this so it is hard to say what is causing this.
    We are expecting a theme update around the end of January, perhaps this will help solve or point to the error. We will leave this open for your feedback after the update.

    Best regards,
    Mike

    #1310073

    Hi,
    I am also experiencing black vimeo screens with new video posts. tried everything i could regarding updates, disable plugins, etc., but to no avail. It doesn’t work in any browser either. Please help. thanks.

    Talya

    • This reply was modified 2 years, 9 months ago by tzaddik.
    #1310270

    Hi,

    @tzaddik
    please open a new thread so we can investigate your issue since this is not your thread posting your login here will not be private and you will not see anything we write in the Private Content area.

    Best regards,
    Mike

Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Vimeo video links don't work any more (black screen)’ is closed to new replies.