I want to add about 10 you tube videos to a page. Is it possible to have one ‘viewer’ at the top and below that just the links to the videos.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You can do this with a combination of the native YouTube iframe embed widget (from their site, not the YouTube Action) and the iframe Action.
Use the iframe Action to draw an iframe where you want the videos to play. Make it the correct dimensions for your movie, and make sure you set the Name attribute to something unique and memorable, because we will be using that later.
Now, at YouTube, locate each of the videos you want to play on your page. You are going to use the Share / Embed(iframe) option from their site, but you are going to edit the code they give you, not use it directly. For this step, use a plain-text (programmer’s) editor, like TextWrangler (free from BareBones Software) or BBEdit, or TextMate or SublimeText. Do not use anything that is capable of creating bold or italic type, or that presents “rich text” styling options to you. That way ends in tears.
In the Embed tab, you will see a blob of code, like this one:
<iframe width="560" height="315"
src="//www.youtube.com/embed/ujnQ4MW8QKc?rel=0"
frameborder="0" allowfullscreen></iframe>
Paste that into your text editor, then strip away everything except the CONTENTS of the src= attribute, so it reads just this:
//www.youtube.com/embed/ujnQ4MW8QKc?rel=0
Copy that. Now draw a graphic box that will be your “thumbnail” for this video in your page. While that box is highlighted (corner handles showing) open the Hyperlink dialog with Command-K. Paste the URL you copied into the External tab, and set the Target picker to whatever the name was that you set in the first step.
Once you have done this, you can duplicate the thumbnail image (all the settings you have added will be duplicated as well) and then simply edit the URL to point to your next video.
Finally, you’ll want to choose one of your videos to be the default (or just use a JPEG or something else as the placeholder until the visitor clicks on the thumbnail). Set this in the URL picker of the iframe Action.
Now, when a visitor comes to this page, they will see the default content in the iframe (whatever that is) and when they click on one or another of the thumbnails, a different video will load into the player.
Walter
On Jun 3, 2014, at 8:47 AM, Noel Sergeant wrote:
I want to add about 10 you tube videos to a page. Is it possible to have one ‘viewer’ at the top and below that just the links to the videos.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Crikey! Thank you very much for your instructions, I will give it a go later. I take it then that a combination of the youtube action and show/hide layer action would be no good.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
That would be enormously bad. Each one of those videos would load simultaneously and might start playing automatically. At once. Not fun for the user (or her mobile bandwidth bill).
Walter
On Jun 3, 2014, at 11:59 AM, Noel Sergeant wrote:
Crikey! Thank you very much for your instructions, I will give it a go later. I take it then that a combination of the youtube action and show/hide layer action would be no good.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Cheers Walt, works just fine, just what I was after. But another daft question! How do i insert a jpeg into the iframe for an initial default? If I insert an image it changes the iframe to an image box. Thanks again.
http://www.boatband.co.uk/boatbandvideo.html
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You just add a link to the image as the initial URL of the iframe. So draw your image on another page (just an otherwise empty “scratch” page) and preview it in a browser. The URL in your browser will be something like file:///path/to/the/folder/Resources/imagename.jpg. So in that case, just copy the Resources/imagename.jpg part and paste that into the URL field in the iframe Action. Leave your scratch page in place, but don’t link to it. It won’t hurt anything, and it will upload your image to your server for you.
Walter
On Jun 4, 2014, at 5:52 AM, Noel Sergeant wrote:
Cheers Walt, works just fine, just what I was after. But another daft question! How do i insert a jpeg into the iframe for an initial default? If I insert an image it changes the iframe to an image box. Thanks again.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options