• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

How do I grab the video player id when it keeps changing dynamically upon refreshing the page?

[Solved]

Foliovision › Forums › FV Player › How to … › How do I grab the video player id when it keeps changing dynamically upon refreshing the page?

  • rolu 11 years, 6 months ago

    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');

    }
    });

Viewing 7 replies - 1 through 7 (of 7 total)
  • Martin 12 years ago

    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

    rolu 12 years ago

    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?

    Martin 12 years ago

    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

    rolu 12 years ago

    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

    rolu 12 years ago

    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.

    Martin 12 years ago

    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

    rolu 12 years ago

    Thank you Martin for pointing it out. Please mark this thread resolved.

Viewing 7 replies - 1 through 7 (of 7 total)
Reply To: How do I grab the video player id when it keeps changing dynamically upon refreshing the page?



Please Sign in or Register to upload files.

Related Posts

  1. Player refreshing when clicking on fullscreen button and play button issue

    Player refreshing when clicking on fullscreen button and play button issue

  2. Dynamically set video URL

    Dynamically set video URL

  3. After the video by clicking navigate away from the page.

    After the video by clicking navigate away from the page.

Primary Sidebar

Sign in Register
FV Player Docs Post New Topic

Welcome

to Foliovision support forums! We'll be happy to provide free support to resolve all the reported bugs. You always can start by specifying your OS and browser and steps to reproduce the bug.

If you need help with the installation on your site, please submit a request for a Pro Support Incident. We'll have you up and running in no time, with detailed instructions on how to resolve your issue yourself in the future.

Facing a hard to solve WordPress problem? On a tight deadline?

Let us take care of it for you
right now.

Pro Support Buy FV Player

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2025 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. ‭+421 2/5292 0086‬

We are using cookies to give you the best experience on our website.

You can find out more about which cookies we are using or switch them off in .

Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Necessary Cookies

Strictly Necessary Cookie allow you to log in and download your software or post to forums.

We use the WordPress login cookie and the session cookie.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

Support Cookies

Foliovision.com uses self-hosted Rocket.chat and self-hosted Freescout support desk to provide support for FV Player users. These cookies allow our visitors to chat with us and/or submit support tickets.

We are delighted to recommend self-hosted Rocket.chat and especially Freescout to other privacy-conscious independent publishers who would prefer to self-host support.

Please enable Strictly Necessary Cookies first so that we can save your preferences!

3rd Party Cookies

This website uses Google Analytics and Statcounter to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

We reluctantly use Google Analytics as it helps us to test FV Player against popular Google Analytics features. Feel free to turn off these cookies if they make you feel uncomfortable.

Statcounter is an independent Irish stats service which we have been using since the beginning of recorded time, sixteen years ago.

Please enable Strictly Necessary Cookies first so that we can save your preferences!