-
As title stated,
I would like to grab the video player ID and use javascript/jQuery to listen when the play button has been clicked? How would I grab the video player ID if the video ID keeps changing dynamically upon refreshing the page?
Here is what I have so far:
$j('#wpfp_47017490152a1e15eeb5fcef3d141db6').flowplayer({
play: function()
{
mktoVidEventTracker($j('#wpfp_47017490152a1e15eeb5fcef3d141db6').flowplayer(), 'play');
}
});
-
-
Hello Rolu,
you are right, however you can just use a selector like this:
jQuery(‘#post-{id} .flowplayer’)
WordPress wraps each post in DIV element with the post ID on it. This way, you can affect all the FV Flowplayers in that post. It also puts in different classes for categories etc.
Please let us know if that’s not it.
Thanks,
Martin
Hi Martin,
I tried using
var api = flowplayer();$j(‘#post-{id}’).api({
clip: {
onStart: function(clip) {
console.log(‘CHECKMATE!’);
}
}
});I checked the console log and it’s throwing an error saying, “Uncaught Error: Syntax error, unrecognized expression: #post-{id}”
Any idea why it’s throwing an error like that?
Hello Rolu,
you need to replace {id} with the numerical ID of your post. Just check what is the ID attribute of your main post wrapper and you will figure it out.
Thanks,
Martin
Just to make sure I’m on the right path,
in order to listen for the play button clicked, I should use
clip: {
onStart: function(clip) {
console.log(‘CHECKMATE!’);
}
}correct?
Also, I’m inspecting the code and I’m assuming there isn’t a play button id. How would I call for that event listener? Would it be the code I posted above or something different?
Thanks for the fast replay,
rolu
Another issue I ran into is:
$f(document).ready(function() {
$f(‘#post-1823.flowplayer’).flowplayer().play();
});
I get an error stating: “Uncaught TypeError: Object[object Object] has no method ‘play’.
It seems like it’s not pulling any api functions from the flowplayer at all. Any idea why? This file is in my custom_js.js file and the flowplayer javascript file was already loaded when I installed the plugin.
Hello Rolu,
you are on the right track with your last message, your previous code looks like for Flowplayer version 3. However your selector is not alright. If you haven’t figured it out already you missed the empty space there, just have a look at my previous message.
To hook into the button, you can just use the ‘click’ event and the use e.preventDefault() to stop the default action etc.
More about how to use Flowplayer 5 API can be found here: http://foliovision.com/wordpress/plugins/fv-wordpress-flowplayer/api-programming
Thanks,
Martin
Thank you Martin for pointing it out. Please mark this thread resolved.
