Hey Everyone,
I've been trying unsuccessfully to include youtube clips using the HTML widget tool. I don't have any experience using Dashcode, and I don't know if I'm the only one, but it seems like the HTML editor inside IBooks doesn't work too well... Has anyone else found an easy way to embed youtube clips or other website content using widgets? I'd appreciate any help!
-Felipe
iBook, Mac OS X (10.7.2)
hi i tried too but unsuccesfully so now what i usually do is download them on my computer exporting in iTunes format and than drag into the book. This is the only advice I can give you. Hope to be helpful
Yes I've been doing that so fas as well, but I'd optimally like to be able to stream the videos in order to save some space when it comes to the size of the book.
As would we all, I'm sure! 🙂
Install the extension for Safari ClickToFlash: https://extensions.apple.com/
After installing the extension YouTube videos will show up as a HTML MP4 video. Right click on the video and select 'download video'.
Super easy and you do not really need to know how to use dashcode -
1) open dashcode and select "custom"
2) under test and share select 10.4.0 backward-compatibility (under options)
3) name the widget Youtube embed
4) click "save to disk"
5) save the widget to your desktop
6) right click on your widget and select show package contents
7) open main.html with your text editor and replace all the html code in main.html with:
<center><font color="#F7F7F7" size="4"><b>YouTube Video Embed Beta</B></font></center>
<center><iframe class="youtube-player" type="text/html" width="280" height="225" src="http://www.youtube.com/embed/6NFrHD4-wY0" frameborder="0">
</iframe></center>
save the file and close the widget folder - drag and drop into your iBooks HTML container, enjoy ;3
I have HTML5 CSS3 Canvas Javascript animations, complex calc javascript and a whole host of other things using this simple process of modifying a widgets base files. Its really pretty slick.
Note: you can set the width/height in the info.hlist file/
Enjoy!
Thanks so much for your help - it.... kinda worked. The youtube video shows up just fine, but if my life depended on it I can't resize the widget from the default size. I changed the info on the info.plist file, saved, re-imported, etc.. but it keeps making the size of the widget be the size of the default image. Changing the dimensions of the iframe seems to work - the video does appear to be bigger - but it is always cropped to the size of the default image. The title in the code you provided is also contained in that small space, so it appears on multiple lines when I make the font bigger, so I don't think it's an issue with the youtube code, but that for whatever reason the widget just won't resize. Any ideas???
I'll see if I can figure something out, I have a complex calculator running in a 640x640 iBooks HTML container which seems to view as the correct size. I set the width height in the info.phlist and in the HTML code itself.
I'll try changing the width/height on that slice of Youtube embed and see what I can come up with. You can always take out that name as its not really needed, I just threw that in as a lable.
<table WIDTH="640" HEIGHT="640"><tr><td><center><iframe class="youtube-player" type="text/html" width="620" height="620" src="http://www.youtube.com/embed/6NFrHD4-wY0" frameborder="0"></iframe></center></td></tr></table>
Try this, you can adjust the table height/width to suit your needs.
I tried that with the same result... what DID work for me was just doing the resizing in Dashcode... for whatever reason changing it manually for me in the info.plist file wasn't doing it, despite properly saving it and re-importing again. Now I've gotten it to work...
Awesome, glad you got it going. I havent had nearly enough time yet to dig in to whats poss with iBA but I'm liking what I see so far.
Also, check out http://www.classwidgets.com/ that automates all these steps for you, to create a YouTube widget directly from a video's url address.
Best suggestion all year!
You can also try iBooks Generator : ibooksgenerator.com
This works great (the Dashcode method of embedding video in iBooks Author). It appears that all the videos open in full-screen mode. I am curious if there is a way to make the videos play in non-full screen mode, in other words to just play in place on the iBook page?
YouTube Clips in Ibooks
