Is there an Add-on or how can you redirect to a page after user watches a video
Permalink
Can someone point me to an existing (hopefully) add-on, or suggest how to redirect to another page after a user completely watches a video to the end? I suspect it could be dependent on the type of video or maybe the block used to display the video. Having said that, I'm leaning towards Vimeo. Youtube is also a possibility. Of course flexibility is always good.
I have seen this done numerous times on different sites. The use scenario is like this.
1- An Offer page with a Lead Capture form. Sometimes a first part of a video is on this page as part of the enticement to complete the form. When the user Completes the form, they are redirected to page 2 with the video (or the 2nd part of the video)
2- They are told at the end of the video they will be provided something additional (the enticement to watch the entire video).
3- When the video is watched to the end, they are redirected to another page.
I've looked but haven't found anything. I didn't see this functionality in any of the existing Vimeo or Youtube blocks.
Thank you in advance for any help.
I have seen this done numerous times on different sites. The use scenario is like this.
1- An Offer page with a Lead Capture form. Sometimes a first part of a video is on this page as part of the enticement to complete the form. When the user Completes the form, they are redirected to page 2 with the video (or the 2nd part of the video)
2- They are told at the end of the video they will be provided something additional (the enticement to watch the entire video).
3- When the video is watched to the end, they are redirected to another page.
I've looked but haven't found anything. I didn't see this functionality in any of the existing Vimeo or Youtube blocks.
Thank you in advance for any help.
Anyone...?
Vimeo has a JS library that gives you some control over their standard embed (http://developer.vimeo.com/player/js-api) but it doesn't work in all versions of IE so that may or may not be a problem.
If you want to use YouTube, you'll need to use their Chromeless player (https://developers.google.com/youtube/youtube_player_demo) as there's no way to manipulate their standard embed to get the control you want.
The YouTube Pro add-on (http://www.concrete5.org/marketplace/addons/youtube-pro/) uses the Chromeless player powered by a popular jQuery plugin that you could modify to accept a callback when the video finishes.
Or, you can just download the jQuery plugin directly and build it yourself (http://demo.tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/youtube-player.html) to incorporate a callback.
I've used both the Vimeo and the YouTube route on different projects and Vimeo's is a relatively less complex. but either way you'll need some basic JS know-how to achieve the result you're looking for.
If you want to use YouTube, you'll need to use their Chromeless player (https://developers.google.com/youtube/youtube_player_demo) as there's no way to manipulate their standard embed to get the control you want.
The YouTube Pro add-on (http://www.concrete5.org/marketplace/addons/youtube-pro/) uses the Chromeless player powered by a popular jQuery plugin that you could modify to accept a callback when the video finishes.
Or, you can just download the jQuery plugin directly and build it yourself (http://demo.tutorialzine.com/2010/07/youtube-api-custom-player-jquery-css/youtube-player.html) to incorporate a callback.
I've used both the Vimeo and the YouTube route on different projects and Vimeo's is a relatively less complex. but either way you'll need some basic JS know-how to achieve the result you're looking for.
Thanks Bradley. Were those C5 projects and if so, which add-ons did you use (if any)? Any shortcuts are appreciated.
I am fairly certain I'm going to take the Vimeo route first. There's actually several Vimeo add-ons, and even two free ones.
Vimeo Block has good reviewshttp://www.concrete5.org/marketplace/addons/vimeo/...
and now a new one, Quicky Player (which does Vimeo and Youtube, although I don't yet know if with the Chromeless player)
http://www.concrete5.org/marketplace/addons/quickie-player/...
I can't help but wonder if I were the author of any of these video blocks add-ons if this is something I would consider adding, or at least in some way offering... (hint...)
Bradley, Canada is looking better more and more lately :-)
I am fairly certain I'm going to take the Vimeo route first. There's actually several Vimeo add-ons, and even two free ones.
Vimeo Block has good reviewshttp://www.concrete5.org/marketplace/addons/vimeo/...
and now a new one, Quicky Player (which does Vimeo and Youtube, although I don't yet know if with the Chromeless player)
http://www.concrete5.org/marketplace/addons/quickie-player/...
I can't help but wonder if I were the author of any of these video blocks add-ons if this is something I would consider adding, or at least in some way offering... (hint...)
Bradley, Canada is looking better more and more lately :-)
Some were concrete5 projects, some where WordPress and some where just simple static sites. For the c5 projects, I just made my own custom block.
The closest thing I did that mimics what you're after is a simple static site (http://www.traveltype.ca/ ) where I had an overlay disappear on click then reappear once the Chromeless YT player had finished its playback via a modified version of that jQuery plugin.
The closest thing I did that mimics what you're after is a simple static site (http://www.traveltype.ca/ ) where I had an overlay disappear on click then reappear once the Chromeless YT player had finished its playback via a modified version of that jQuery plugin.
Well if nobody else contributes soon, you'll be getting the "Best Answer" by default I suppose. Your answer was indeed good and helpful, so it would be deserved, but it would be even better if there were several to choose the "best" from...
Hi Owen,
We just updated our Youtube Pro block to have the option to redirect to a specified page after a video finishes. There's a field where you can specify the url or just leave it blank if you don't want it to redirect.
Hope that helps.
JZ
We just updated our Youtube Pro block to have the option to redirect to a specified page after a video finishes. There's a field where you can specify the url or just leave it blank if you don't want it to redirect.
Hope that helps.
JZ
One solution that would require zero code is this.
Use Youtube to host your video, but make them viewable only by those that have the URL.
Then embed them on your site in the order you want them in. On the videos that need to redirect at the end, you can use a Youtube caption box (or whatever they call them), to prompt the user to go to the next page.
It's not the best solution but would be the easiest to setup since it requires no changes to be made. Using a customized player to automatically direct the user would be your best option though as beebs93 suggested.
One other option that only requires you to make some changes within the Flash file is to have some URL redirect code at the end of the video, then you just use the Flash Video player which I believe is a $15 addon, you would have to host the video on your own server though.
Use Youtube to host your video, but make them viewable only by those that have the URL.
Then embed them on your site in the order you want them in. On the videos that need to redirect at the end, you can use a Youtube caption box (or whatever they call them), to prompt the user to go to the next page.
It's not the best solution but would be the easiest to setup since it requires no changes to be made. Using a customized player to automatically direct the user would be your best option though as beebs93 suggested.
One other option that only requires you to make some changes within the Flash file is to have some URL redirect code at the end of the video, then you just use the Flash Video player which I believe is a $15 addon, you would have to host the video on your own server though.
"On the videos that need to redirect at the end, you can use a Youtube caption box (or whatever they call them), to prompt the user to go to the next page."
Yup - that could work, too. I've never played with those YouTube 'caption boxes', but I'd imagine they're simple to set up.
Yup - that could work, too. I've never played with those YouTube 'caption boxes', but I'd imagine they're simple to set up.
It looks like Wistiahttp://wistia.com is a real good Video Hosting solution (has very desirable reporting options, etc.) Has anyone considered an Add-on solution for it?
I know already replied to you directly Owen, but I figured I should publicly relay that YouTube's JS API could help in this situation.
It's available here - you would need to bind the action to an event listener.
https://developers.google.com/youtube/js_api_reference#Adding_event_...
It's available here - you would need to bind the action to an event listener.
https://developers.google.com/youtube/js_api_reference#Adding_event_...
