After I moved a Wordpress website to production server I noticed youtube embeds were no longer clickable. The image and play button show up but nothing more.
Tried to renew the embed code, using the build in embed function, embed via media browser,... Nothing is working and it's making me crazy.
After some trial and error things I noticed that the video does work when the main bootstrap.css file is removed. Can't seem to find a clue to the solution though.
EDIT
Yes, I tried to disable all the plugins, with no result.
Changing back to the default twenty fifteen theme results in a working video embed. But since that one isn't build on bootstrap it's just a logic fact.
Anyone seen this before?
Web page with video embedded: click here
The website is sending lots of error messages in he consolu use F12 in Chrome, apparently your www-embed-player-new.js is causing the problem. Not even Edge is running the site correctly. I think you need a Chrome extension to make it work.
I would recommend you changing the plugin that imports the videos. Check this enter link description here
EDIT:
The chrome plugin Google Cast stops the error messages but still doesn't work.
The problem was with the wordpress loop on the single.php page.
A wrong code snippet caused the issue.
Fixed!
Related
The swiper.min.js file that was part of my WordPress them is not allowing any lightbox related plugins on my website to load. When you click on it, you can see the lightbox arrows for a split second, then it redirects to the original media URL. Can someone pinpoint what it is in the swiper.js file that is making this happen. That way I can remove it. I would so appreciate it. I've been spending days trying to figure out what the issue is, and I've finally at least pin pointed that it's coming from swiper.min.js.
Website link where lightbox plugin is used: https://smithspecialized.com/edmonton-drawworks/
I tried removing some things in the file that I thought had something to do with the lightbox redirecting to media URL, but then it broke the code so I think I removed too much, or the incorrect section in the code.
Hey there it's difficult to find any error without accessing website from inside. If don't want to give access then-
please use different plugin or
try to disable and enable plugin, as sometime confliction between plugin caused the issue.
in the hamburger menu of our website, i created a Yoga Video Course Page via wordpress and it was working fine. I looked this morning and can see it in Wordpress and can even edit it and see it on the preview. However when i try to view it on our website th screen appears Black.
Any suggestions would be grateful?
Thank you
Please try to open the inspect element and look if the elements are displayed as required. The issue might be due to several reasons. You need to investigate further and find a solution. Also look at the network tab on inspect element to make sure there are not 500 internal server errors. Also set the wp_debug=true on config.php to provide more error info. Also try to activate another theme and see if the page is being rendered properly.
I'm having an issue with SiteOrigin's pagebuilder plugin. I have made an entire website using this plugin (therefore I'd prefer to keep using it) but all of a sudden I can no longer add styles (such as backgrounds and pictures behind the widget) to the visual editor widget within rows that I am working on. All I see is just a constant loading screen. This only happens when using the visual editor widget, as on SiteOrigin itself I can edit rows fine, I just can't use the visual editor anymore.
Here's what it's supposed to look like:
http://imgur.com/OwUiDmD
Here's what mine looks like:
http://imgur.com/pLO5Bpk
Depending on the row I am using neither may load.
Here is a list of the plugins I am using:
Black Studio
TinyMCE Widget
Contact Form 7
Easy Google Fonts
Lightbox Plus Colorbox
Page Builder by SiteOrigin
SiteOrigin Widgets Bundle
Spacer Title Remover
I have deleted both siteorigin plugins as well as the visual editor plugin on my build and reinstalled them to no avail. Is this a common problem? Does anyone have any idea on how to fix it?
Many Thanks,
JDB
EDIT: Per Omer's advice, I have found the error using Chrome's Javascript Debugger.
http://www.website.com/wp-admin/admin-ajax.php?_panelsnonce=3bf1af34d8 503 (Service Temporarily Unavailable)
http://www.website.com/wp-admin/load-scripts.php?c=1&load%5B%5D=jquery-core,jquery-migrate,utils,quicktags,plupload,editor&ver=4.3.1
Not sure where to go from here... any ideas?
Thanks
JDB
Haven't used this plugin before, but it looks like it uses ajax to fetch data, and an error in javascript is avoiding the page to load properly. To check if this is the case, inspect your page with chrome developer tools and on the right side look for javascript errors (console). Once you know which file is responsible for the error then you will have to fix that error and everything will start working fine.
I am using FB like button in Joomla. This is the address of my website http://www.kaefiggefluester.de.
For fb-like button, I am using custom html module with fb social plugin code and then loading it in user4 position which i defined in the template myself.
Now there are three different problems that I am facing.
In IE 9, before the fb-like button loads, it displays a white line. It disappears after the button is loaded. I am not facing this problem in Firefox.
Also, when loading the page in IE, it sometimes distorts the page. I know that one posts said that I should look for any script that distorts tag, however i face this problem only if I have facebook plugin enabled. IF I remove the fb-like code from Custom Joomla module, it works fine.
I have a component from Videoflow. I dont know exactly how it works but fb-like button doesnt work on the sampe page as this component. However it is working in IE but with wrong language. That is, my defined language for the button is DE (German) and so in rest of the pages it displays "Gefaellt mir." However, In KG TV it shows "Like." ... So this suggest that there is something wrong with loading of the script. However, this is happening in IE only. In firefox it is not loading at all.
If you think i should share some code, please let me know because there are so many files and I dont know which to share.
Regards
I suggest installing firebug for Firefox or using the Chrome equivalent to help you during the development of your website. You can then use the console to view if there are any problems. For example currently your website has these problems which might be the reason you are having the issues you mentioned:
I'm working on a clients website and for some reason the jQuery colorbox plugin isn't working correctly in IE8 on this site, it's opening the colorbox and has no width. The gallery is running NextGEN gallery.
http://bwosoyoos.lexcorp.ca/photo-gallery/
The main reason I don't understand this is because I've got the exact same thing running on another site and it works fine (also using the same theme/css for the colorbox)
If anyone can shine some light onto this I'd be beyond grateful.
I haven't been able to figure out a direct cause, and I'd also tried switching to Lightbox Plus instead of jQuery Colorbox.. but it's still the same issue.
I've added a warning message that pops up when people view that page on IE 8 or lower expressing that it won't function correctly and providing a link to update IE, or download another browser via BrowseHappy.com .. that's the best I can do for now. :/