-
I’m creating a page where when a user clicks on a link and a video is inserted on the page and then the user can click on various timestamp links to go to different parts of the video. My code for inserting the player HTML works but when I try to use the api, typeof(flowplayer) is undefined. Do you have any guidance on how to make this work?
Or should the page already include the flow player when it loads and then change the video to play when the user clicks on the link? How would one change the video to play programmatically?
-
-
Hello Apasho,
my inclination would be to not use the iframe. It would be better to only append the player markup to your page using Ajax.
If you need to access the FV Player API instance in the iframe, you can access it using code like this:
var api = jQuery('iframe').contents().find('.flowplayer').data('flowplayer')But you need to include some headers to let your headers permit such action. Which is why I wouldn’t recommend to use iframe in the first place.
Thanks,
Martin
Ok, I have rewritten my code. Now I am inserting the output of
do_shortcode(‘[fvplayer id="'.$video_id.'" width="'.$embed_width.'px" height="'.$embed_height.'px"] ‘);
into a page when a link is clicked.
Now there is no video element in the shortcode output until the play button is clicked. And I am not able to initialize the api with
if( typeof(flowplayer) != “undefined” ) {
flowplayer(function (api, root) {
…Perhaps the inserting of the video html and the flowplayer initialization are not taking place in the correct order. But it does not seem to help to run flowplayer(function (api, root) before the video html is added to the page. Do you have any solutions?
Hello Apasho,
if you use flowplayer(function (api, root) {}) then it’s even better. It should definitelly work for a player that is appended via Ajax.
However is that script present on the page before that Ajax call?
Thanks,
Martin
