JS error when creating Youtube background - javascript

I am trying to create a youtube video background with the help of Jquery. I referred to https://github.com/rochestb/jQuery.YoutubeBackground and create a page for the same. I was able to successfully play the video in the background but when the page loads I get a JS error
"JavaScript exception: Error calling selector function:TypeError: Cannot read property 'msie' of undefined"
Below is the link for my page.
http://creativated.com/thetest/index.html
Please help me find the rootcause.
Regards
Creativated Dev

Your museutils.js script uses deprecated method .browser()
You still can add it as plugin jQuery browser plugin

Related

Responsive Youtube Background v.2

Vaughn D. Taylor created this amazing codepen to use Youtube as a (repsonsive) background video. Everything works perfect but I do get a Error in the console of Chrome. I was wondering if anyone knows why this is and/or has a solution! (It doesn't effect the JS because it does work but maybe it just nice to have this fixed)
Uncaught TypeError: Cannot set property 'width' of null
at Y.h.setSize (www-widgetapi.js:83)
at vidRescale (all.js:2)
at all.js:2
at dispatch (jquery.min.js:3)
at r.handle (jquery.min.js:3)
I'm loading in jQuery 2.2.4 before the body closing tag, all.js is my JS file with the JS code that I got from the codepen. It is loaded after the jQuery.
Responsive Youtube Background 4.2:
https://codepen.io/vaughndtaylor/pen/QNYRdb

Wordpress plugins tinymce conflict

I am using Wordpress and have two plugins installed on there. Both are using the Tinymce WYSIWYG editor. If I have both plugins activated i get the following error message when loading the page plugin B is being displayed:
jquery.js?ver=1.12.3:2 Uncaught Error: no such method 'instance' for autocomplete widget instance
When clicking on one of the tabs of tinymce, this error message pops up:
tinymce.min.js?ver=4310-20160418:11 Uncaught TypeError: Cannot read property 'refreshContentEditable' of undefined
If I have plugin A deactivated, plugin B works flawlessly!
How can the conflict between both plugins be resolved? Shouldn't both just be using the tinymce editor and not changing it for the other plugin?
Thanks for your help!
The problem was the load order of the plugins in wordpress. By moving the plugin that created the error to an earlier load position the problem could be solved

Nivo Slider not working with wordpress

All of a sudden the nivo slider on one of our clients websites is not showing up at all: www.bedehouse.org
I have tried all sorts but cannot see why its stopped all of a sudden? We have not done any updates to wordpress or any of its plugins recently.
I can see using chromes "inpect element" feature that there is an error: "Uncaught TypeError: $(...).nivoSlider is not a function" but have no idea what it means.
Any helps or pointers in the right direction would be massively helpful.
You're loading two versions of jQuery. One is the copy WordPress is loading and the second is another.
Both are different versions (WP is loading 1.8.3 and you're loading 1.8.2). WordPress loads jQuery in noconflict mode and does not allow the use of the $ shortcut.
Remove the jQuery 1.8.2 call that you made and change all instances of $ to jQuery and try it.

Jquery boxslider is not working on website

I am fixing just a few minor issues and adding a few pictures and recipes to a friend's website http://mariorizzotti.com who a couple of years ago had it made by a webdesigner. Anyhow, I have been adding a few pictures and changing some of the css, the only problem I am having is getting the jquery bxslider to work on the homepage correctly. It is working on the media page but not on the homepage. The images that are being called are all in the correct folders. Any suggestions by looking at the source code? The only thing I have been able to come up with is that the click handler isn't being called in the homepage. I checked it in chrome's console but not sure if this is correct.
Welcome to StackOverflow. There is a JavaScript error during page load on line 31 of index.php:
Uncaught TypeError: Object [object Object] has no method 'tweet'
This prevents subsequent scripts from executing, so the slider initialization on line 87 doesn't run and the click handlers for changing slides aren't registered. Fixing the error should be as simple as including the jquery.tweet.js script on index.php as it is on videos.php.

WordPress Theme Uncaught TypeError

My website was working fine until the other day. I don't know what's happened but the dropdown system for everything has stopped working completely - even the Admin bar.
When I open up the JavaScript Console in Google Chrome when I'm on the site homepage, I get this message for each dropdown item:
Uncaught TypeError: Object #<Object> has no method 'on'...
I don't know how to fix this, I've looked everywhere. Would it be in the themes "Header.php" file? If so, whereabouts?
I found the problem! I wen into the plugins section of Wordpress and disabled "LikeLocker". The only problem is, now I've got to go into the plugins code and try to figure it out haha.
Thank you anyway!

Categories

Resources