The easiest way to embed a YouTube video in another webpage is to use Share > Embed, found on any YouTube video page.
YouTube has recently made a slight modification to this code by removing the protocol (http:) at the beginning of the URL:
<iframe width="560" height="315" src="//www.youtube.com/embed/CBfVgQNKa5s"
In many respects, this an improvement. The lack of a a protocol means that this link will inherit the protocol from its container page. So if the container page is https (a secure page), the YouTube video will be as well. This avoids a security warning to IE users when loading unsecured content (the http YouTube video) within a secured (https) webpage. This is a more flexible method, as long as your page is on a web server.
However, it means that the embedded content will not preview locally from your hard drive.
To view a working embed from you local drive, modify the embed so that the src attribute begins with http:
<iframe width="560" height="315" src="http://www.youtube.com/embed/CBfVgQNKa5s"
The same protocol policy goes for URLs used with Google’s Hosted Libraries (like jQuery).
When you install the latest version of in5 (InDesign to HTML5) and start up InDesign an in5 Feature Tour will automatically appear.
This document will get you started creating interactive HTML documents from InDesign. There are pre-built examples of hyperlinks, video, HTML embedding, page navigation, multi-state objects, a slideshow folio overlay, and liquid layout.
If you don’t need the document, you can simply close it and it won’t reappear until you update in5.
Download in5 and get started >>>
Other updates/fixes in version 1.6.3:
- Added support for variable page sizes in the Slider formats.
- Added support for Hidden Until Triggered with InDesign CS4-CS5.5 buttons.
- When exporting an alternate layout as a page range, the first page in that layout now determines the default page size.
- Improved positioning of left-anchored objects.
- Improved paste functionality within in5 dialog.
- Fixed some minor issues with MSO actions.
- Fixed issue with positioning of buttons that have GoToURL actions.
Download in5 and get started >>>
There is now an InDesign-CC compatible in5 installer available.
Be sure you have the latest version of InDesign
Before installing in5, make sure you have the latest version of InDesign CC. Try updating InDesign the Adobe Creative Cloud Desktop (which itself will have to have update 18.104.22.168 or newer).
Or more directly, use Help > Updates… within InDesign CC.
Check the InDesign version by going to the InDesign menu (or Edit in Windows) and choose About Adobe InDesign…
After the update, your InDesign version should be at least 9.1. At that point, you can use the in5_cc.zxp installer.
Hopefully the update will just appear for you in the Adobe Creative Cloud App. For me, I had to quit the app, delete the file listed below, then restart Creative Cloud for the update to appear (but I was trying to test this immediately after release).
<Startup Disk>/Library/Application Support/Adobe/AAMUpdaterInventory/1.0/AdobeUpdaterAdminPrefs.dat
C:\Program files(x86)\common files\adobe\AAMUpdaterInventory\1.0\AdobeUpdaterAdminPrefs.dat
If you do not have the latest version of InDesign CC the in5 dialog will appear blank.
We’ve just added a page to help users (and potential users) of in5 (InDesign to HTML5) locate which interactive InDesign features are currently supported.
The page is color-coded and can be filtered by keywords for quick reference.
Amazon is now accepting HTML5 apps into their AppStore. From the press release:
This is huge news those of you who are using in5 to generate HTML5 from InDesign. You just got a new distribution channel, and a much larger audience!
Thanks to Keith Gilbert for bringing this news to our attention.