We are working on listening to the background video with the vimeo api. We can listen for cue points, but on the timeupdate. We need to remove the "api=1" in the iframe tag that the slider creates. How do we remove the "api" attribute?
How does the slider depend on the api attribute that belongs to Vimeo? The api attribute is a Vimeo setting. The timeupdate event is a part of the video api (https://github.com/vimeo/player.js). You don't have a way to stop the background video of a slider from looping so we are creating one and we want text to appear a specific times as the video is playing. I don't see an example with a preloader, so if the background video has not loaded completely, the delay method in the slider doesn't care about the background video and will animate text regardless of the video being loaded or not. We are able to set cue points in the video and listen for them, but to get the timeupdate to work, we need to remove the "api=1" from the iframe tag for the video.
We can get the background player to work if there is a single slide, but if we add multiple, it will break because of the "api" attribute.
Is there a way to have a preloader for the slides for a self hosted video so that everything loads before the slider initiates?
The api=1 is loading the Vimeo Player API. It makes it possible for us to access the video data and to be able to control the playback. It's not completely clear why would it cause any trouble for you. If you would like to use the API as well, you can also access it on the video element with the jQuery .data() method.
Alternatively you could also not use it as a background video so it wouldn't be looped. The background video is basically a shortcut that predefines the sizes and some other important settings, but the same effect can be achieved with a normal layer as well.
We are working on listening to the background video with the vimeo api. We can listen for cue points, but on the timeupdate. We need to remove the "api=1" in the iframe tag that the slider creates. How do we remove the "api" attribute?
Thanks,
Lee
Hey Lee,
Unfortunately you cannot remove the API as the slider is using it and depending on it. However you should still be able to access the video element.
I'm not completely sure what do you mean by 'timeupdate' or what exactly trying to achieve.
Could you please explain in more details what you would like to create ? So we can have a better understanding and recommend a course of action.
How does the slider depend on the api attribute that belongs to Vimeo? The api attribute is a Vimeo setting. The timeupdate event is a part of the video api (https://github.com/vimeo/player.js). You don't have a way to stop the background video of a slider from looping so we are creating one and we want text to appear a specific times as the video is playing. I don't see an example with a preloader, so if the background video has not loaded completely, the delay method in the slider doesn't care about the background video and will animate text regardless of the video being loaded or not. We are able to set cue points in the video and listen for them, but to get the timeupdate to work, we need to remove the "api=1" from the iframe tag for the video.
We can get the background player to work if there is a single slide, but if we add multiple, it will break because of the "api" attribute.
Is there a way to have a preloader for the slides for a self hosted video so that everything loads before the slider initiates?
This is our page. http://forgedmediadev.com.zeon5.com/
Lee
The api=1 is loading the Vimeo Player API. It makes it possible for us to access the video data and to be able to control the playback. It's not completely clear why would it cause any trouble for you. If you would like to use the API as well, you can also access it on the video element with the jQuery .data() method.
Alternatively you could also not use it as a background video so it wouldn't be looped. The background video is basically a shortcut that predefines the sizes and some other important settings, but the same effect can be achieved with a normal layer as well.