Embed Video

Yes, it is quite simple:

Make with the rectangle tool a box. Define it as HTML. Enter the youtube URL: http://www.youtube.com/embed/xxxxx

Replace 'xxxxx' with your own youtube video id.

That's it!

Thanks but I get a black box.
Where should I put the link? How should I call the Object Id?
Thanks!

Have you made the mag+ object a html object?

There should be a field to enter URL in the mag+ object window.

Object id will be generated automatically. Only change this if you want a custom name for the object.

I did just as you said

attached is the indd file

http://wikisend.com/download/557918/HTML_object.indd

Thanks a lot!

@Niv. Here you go. Open the file, select the object and look at the Mag+ Object settings panel to see how it should be set up.

Hello, I'd like to know how put the width to the embed video. Thanks

I'm not sure exactly what you mean by "put the width to the embed video" but if you want your video to fit exactly in the html object you will need to draw the object at the same ratio as the video. So if your video is 640px x 360px start out by drawing a box 64mm x 36mm, then lock the W & H and then scale the object to the size you want it on your layout.

Thank you Tony, I draw a 188px X 106px rectangle, but the video (http://player.vimeo.com/video/92676042) is too big for this rectangle. When you embed a video in html5 you can set the size: <iframe src="//player.vimeo.com/video/92676042" width="**188**" height="**106**" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> Is it possible set the size? Thanks a lot

I've created a tutorial on how to Stream Vimeo to a Mag+ Vertical. https://tonyredhead.squarespace.com/magplus/vimeo-streaming 

The tutorial provides information on how to set up the embed code generated by Vimeo, how to integrate it into an HTML document, add a HTML object to an A-layer and then link it to the .html page with the iframe. There's a link to download the sample InDesign and HTML files.

I can't remove the "sharing" icons as they need to be removed by the video owner using Vimeo Pro. 

Let me know how you get on.

Thank you very much Tony, everything is perfect now. Just one more question, when have we to link (in the url field in the HTML object in indesign) to the player ( http://player.vimeo.com/video/92676042) and when to the html code? Thank you again.

Youre welcome.

You never link to the player in the URL field in the HTML object only to the HTML file. The HTML file contains the link to the player in the iframe code. If you want to change to a different video just change the video identification number in the html file.

OK, thank you a lot