I have a learning package which inlcudes a video clip from YouTube. I have embeded it into the package on a screen with the YouTube player controls disabled.
However the user still has the ability to click on the video to pause it & then click again to play. I want to be able to disable this feature as the screen is set to the length of the YouTube video. When the timeline ends the next screen is shown.
I was sure that I saw a article/tip that did this by adding a shape over the top of the embeded area, but I have not been able to find it in the forum.
You can achieve this by placing a hotspot over your embed area (a transparent shape would also do the trick). The following screenr references the process with a video, but the same holds true for an embedded youtube video as well.
Many thanks for your solution. I'm not sure how it was inserted as the file was converted from a Studio project that already had the YouTube link in.
I have now inserted the video as you suggested and published it, but the video does not automatially play and the hotspot does not stop me pausing/playing the video. Here is a screen shot from Storyline...
As an alternative I was thinking about only allowing the next button to become active after the length of time the video takes to play, do you know if this could be done?
As for your next question, you can certainly rig the next button to a trigger, the only catch is that a web object such as a YouTube video may take a while to load (depends upon user connection speed) and will throw the timing off as the timeline for the slide will start running immediately even if the web object is not yet loaded and playing.
I have tested your link and yes it does work. Would it be possible to send me the Storyline file so I can conpare it to my version to find out what is different?
When I look at your file, you see a screen shot from the video and the timeline shows 'YouTube: Stop the pressure'. I dont see a preview and my timeline just shows 'Online Video'
When published the video is not shown (all I see is the blue backgound).
12 Replies
Hi Helen,
You can achieve this by placing a hotspot over your embed area (a transparent shape would also do the trick). The following screenr references the process with a video, but the same holds true for an embedded youtube video as well.
https://player.vimeo.com/video/149070377
Mike
Hi Mike
Many thanks, it was that Screenr that I had seen before
I have created a hotspot and placed it above the WebObject (see screen shot below). I published for the web, but the video still pauses when clicked.
Have I missed something? Many thanks in advance.
Helen
This wont work, the web object is an iframe on top of the content.
Not sure how the youtube embeds so there may be a work around but I thought it was just a web object with acceess to the youtube API
Good catch Phil I should have asked about the embed method.
Helen, are you grabbing the URL, or the embed code from YouTube?
I tested with the embed code and that method works with the hot spot.
1. In YouTube, select "Share" under the video and then select "embed".
2. Copy the embed code
3. In Storyline, choose "insert video" "video from website" and drop in the embed code.
4. Add your hotspot over the embedded area.
This should work...at least it is on my end.
Mike
Hi Mike
Many thanks for your solution. I'm not sure how it was inserted as the file was converted from a Studio project that already had the YouTube link in.
I have now inserted the video as you suggested and published it, but the video does not automatially play and the hotspot does not stop me pausing/playing the video. Here is a screen shot from Storyline...
Helen,
Can you post the link to the YouTube video?
Mike
Hi Mike
This is the Link...
http://www.youtube.com/watch?v=QRYxmWKE-PI
As an alternative I was thinking about only allowing the next button to become active after the length of time the video takes to play, do you know if this could be done?
Many thanks.
Helen,
It's working on this end:
https://dl.dropbox.com/u/12064964/Articulate/Helen/story.html
Can you test?
As for your next question, you can certainly rig the next button to a trigger, the only catch is that a web object such as a YouTube video may take a while to load (depends upon user connection speed) and will throw the timing off as the timeline for the slide will start running immediately even if the web object is not yet loaded and playing.
Mike
Hi Mike
I have tested your link and yes it does work. Would it be possible to send me the Storyline file so I can conpare it to my version to find out what is different?
Helen
Hi Helen,
You could also try embedding the AS3 Chromeless player (more on https://developers.google.com/youtube/youtube_player_demo ) which gets rid of the player completely...
Hope this helps,
Alex
Here you go Helen.
Hi Mike
Thanks for that. If i give you the steps I have done can you let me know if they are correct...
Create a new slide
Insert a 'Video' from Web Site
Go to YouTube and copy the embed code
Paste code into text box
Click Insert.
When I look at your file, you see a screen shot from the video and the timeline shows 'YouTube: Stop the pressure'. I dont see a preview and my timeline just shows 'Online Video'
When published the video is not shown (all I see is the blue backgound).
Any ideas what I am doing wrong?
Helen
This discussion is closed. You can start a new discussion or contact Articulate Support.