• 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

Trigger timeline to make divs visible and hidden – MaxCDN integration

[Solved]

Foliovision › Forums › FV Player › How to … › Trigger timeline to make divs visible and hidden – MaxCDN integration

  • Bruno 10 years, 7 months ago

    Hey there.. Hope you´re well today!

    1. We need to adjust the following setup: Flowplayer on the left and two divs on the right. The first div´s class is for example “.visible-first”, the second div´s class is “.visible-second”.

    On startup is just the first div with the “class .visible-first” visible and the second one is hidden with “display:none;”

    If flowplayer reaches for example 1 minute and 30 seconds, the first div “.visible-first” should be hidden and the second one “.visible-second” should be visible.

    How can we arrange this please?

    2. You show examples on your page with Amazon S3. It´s also possible to work together with MAXCDN for protected Videos ?

    Best regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • Martin 11 years ago

    Hello Bruno,

    1) I see what you are trying to achieve. Let’s have a look at our Flowplayer API guide: https://foliovision.com/player/api-programming

    First you need to define the “cue point” for 1 minute and 30 seconds. This can be achieved with the fv_flowplayer_attributes filter hook:

    add_filter('fv_flowplayer_attributes','my_fv_flowplayer_cue');
    function my_fv_flowplayer_cue( $attrs ) {
    $attrs['data-cuepoints'] = '[90]'; // this expects an array of values in seconds
    return $attrs;
    }

    Then you can put in JavaScript like this:

    flowplayer(function (api) {
    api.bind('cuepoint', function(e,api,cue) {
    if( cue.time == 90 ) {
    // put in your actions here
    }
    } );
    } );

    This will make it work for each player on your site. You can change the PHP part of it to only hook it in for certain players are required.

    2) MaxCDN – could you please send us any documentation about how this works? There is good chance that MaxCDN will have a PHP library to work with this.

    Thanks,
    Martin

    Bruno 11 years ago

    Hello Martin,

    1. You can change the PHP part of it to only hook it in for certain players are required. => How ? : )

    2. I take a look at their resources and send you some details..

    Thank You!

    Best regards

    Martin 11 years ago

    Hello Bruno,

    for start you can call in global $post and then check the post meta. So you can then assign the post meta value using “Custom fields” when you edit the post and then check if the value is present and only then execute the above code.

    The script part should hook into wp_footer at priority of 999 so that the Flowplayer library is loaded.

    Thanks,
    Martin

    Bruno 11 years ago

    Hello Martin,

    thanks a lot for your answer. I searched a lot for the needed information and wrote some code.

    Please, it is possible for you to take a look at it? It´s my really first code after a crash-course for php and jquery.. (hope it´s not to bad and you don´t become a heart-attac cause you have to laugh to much.. : ) … ) Do you think this can work?

    Link comes at the next post..

    Best regards
    Bruno

    Bruno 11 years ago

    Here is the link: ‘http://indikator-design.de/set-cuepoint-for-flowplayer/’

    Martin 11 years ago

    Hello Bruno,

    I had a quick look at your code and there is no reason to use any get_fv_flowplayer_meta_data() function to determine the cue time. That whole block should be moved to the filter on fv_flowplayer_attributes.

    The JavaScript bit should just be put into wp_footer with priority 999 if the post meta is found, no need to put any PHP into it etc.

    If this is a programming project which you are working on, feel free to order our programming services here: https://foliovision.com/about/contact

    Thanks,
    Martin

    Bruno 11 years ago

    Hello Martin,

    how much do you want to fix this code to a working solution, please?

    Best regards

    Alec Kinnear 11 years ago
    Avatar photo

    Hi Bruno,

    We’ll get back to you with a proposal tomorrow.

    Thanks for being part of Foliovision!

    Making the web work for you, Alec

Viewing 8 replies - 1 through 8 (of 8 total)
Reply To: Trigger timeline to make divs visible and hidden – MaxCDN integration



Please Sign in or Register to upload files.

Related Posts

  1. YouTube Playlist Integration and Other New Features

  2. Amazon S3 Protected Content support added to FV Flowplayer

    Amazon S3 Protected Content support added to FV Flowplayer

  3. Microsoft Windows Hidden Files

    Microsoft Windows Hidden Files

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!