{"id":2086,"date":"2013-03-19T11:49:51","date_gmt":"2013-03-19T10:49:51","guid":{"rendered":"http:\/\/www.ralentirtravaux.com\/le_blog\/?p=2086"},"modified":"2013-04-13T12:59:36","modified_gmt":"2013-04-13T11:59:36","slug":"comment-importer-une-video-youtube-dailymotion-etc-dans-ibooks-author","status":"publish","type":"post","link":"https:\/\/www.ralentirtravaux.com\/le_blog\/comment-importer-une-video-youtube-dailymotion-etc-dans-ibooks-author\/","title":{"rendered":"Comment importer une vid\u00e9o YouTube, DailyMotion, etc. dans iBooks Author ?"},"content":{"rendered":"

\"YouTube\"<\/a>
\nEn principe, lorsque vous souhaitez int\u00e9grer une vid\u00e9o dans votre site ou votre blog, vous copiez et collez une portion de code, et le tour est jou\u00e9. Ce sont quelques lignes que vous obtenez en cliquant sur Partage<\/em>, et qui ressemblent \u00e0 \u00e7a :<\/p>\n

<iframe width=\"480\" height=\"360\" src=\"http:\/\/www.youtube.com\/embed\/z4CLpA3Y1Kg?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe><\/pre>\n
Il n\u2019en va pas de m\u00eame avec iBooks Author<\/a>. Vous ne pouvez pas simplement copier et coller le code qui vous a \u00e9t\u00e9 donn\u00e9. Il faut r\u00e9aliser un widget.
\nSouvenez-vous, je vous avais expliqu\u00e9 comment importer des exercices interactifs<\/a> que vous aviez obtenus avec un exerciseur du type HotPotatoes. La m\u00e9thode est sensiblement la m\u00eame. Vous pourrez alors int\u00e9grer dans iBooks Author n\u2019importe quelle vid\u00e9o, que celle-ci provienne de YouTube<\/a>, DailyMotion<\/a>, Vimeo<\/a> ou l\u2019Ina<\/a>… \u00c9videmment, on se dira qu’on aura plus vite de recourir aux services d’un site comme Bookry<\/a>, mais il faut s’inscrire et la cr\u00e9ation du widget qui nous int\u00e9resse ne concerne que les seuls YouTube et Vimeo.<\/p>\n
Pour commencer :<\/strong><\/p>\n
Tout d\u2019abord, cr\u00e9ez un dossier. Vous pouvez, par exemple, lui donner le nom de votre vid\u00e9o. Dans notre cas, ce sera verbe<\/em>. On obtient donc un dossier intitul\u00e9 verbe<\/em>.<\/p>\n
\"Nouveau<\/a><\/p>\n
\"Dossier<\/a><\/p>\n
Cr\u00e9er un fichier HTML :<\/strong>
\nDans ce dossier, placez un fichier HTML. Celui-ci doit imp\u00e9rativement s\u2019appeler Main et porter l\u2019extension .html. Votre fichier sera donc Main.html<\/em>.
\nDans ce fichier, placez le code suivant :<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title><\/title>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n
Entre les balises title<\/em>, mettez le titre de votre vid\u00e9o. Entre les balises body<\/em>, placez le code obtenu sur le site de partage de vid\u00e9o. Dans notre cas, cela donnera ceci :<\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<title>Le verbe<\/title>\r\n<\/head>\r\n\r\n<body>\r\n<iframe width=\"480\" height=\"360\" src=\"http:\/\/www.youtube.com\/embed\/z4CLpA3Y1Kg?rel=0\" frameborder=\"0\" allowfullscreen><\/iframe>\r\n<\/body>\r\n<\/html><\/pre>\n
\"Main.html\"<\/a><\/p>\n
Cr\u00e9er une image :<\/strong>
\n\u00c0 pr\u00e9sent, cr\u00e9ez une image de la dimension que vous voulez. Cette image va permettre d\u2019afficher votre vid\u00e9o dans votre livre fait avec iBooks Author. Ce peut \u00eatre un simple rectangle affichant le titre de votre vid\u00e9o. Vous pr\u00e9f\u00e9rerez probablement mettre une image provenant du film. Pour cela, affichez votre vid\u00e9o en plein \u00e9cran et faites une capture d\u2019\u00e9cran.<\/p>\n
Placez votre image dans le dossier verbe cr\u00e9\u00e9 au tout d\u00e9but de ce tutoriel. Attention votre image doit s\u2019appeler Default<\/em> et \u00eatre au format PNG. Votre image s\u2019appellera donc Default.png<\/em>.<\/p>\n
Cr\u00e9er un fichier PLIST :<\/strong><\/p>\n
\"Info.plist\"<\/a><\/p>\n
Derni\u00e8re \u00e9tape avant import dans iBooks Author, cr\u00e9ez un fichier PLIST. Pour cela, copiez ce code :<\/p>\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<!DOCTYPE plist PUBLIC \"-\/\/Apple\/\/DTD PLIST 1.0\/\/EN\" \"http:\/\/www.apple.com\/DTDs\/PropertyList-1.0.dtd\">\r\n<plist version=\"1.0\">\r\n<dict>\r\n\t<key>CFBundleDevelopmentRegion<\/key>\r\n\t<string>French<\/string>\r\n\t<key>CFBundleDisplayName<\/key>\r\n\t<string>Le verbe<\/string>\r\n\t<key>CFBundleIdentifier<\/key>\r\n\t<string>com.widget.Untitled<\/string>\r\n\t<key>CFBundleName<\/key>\r\n\t<string>Le verbe<\/string>\r\n\t<key>CFBundleShortVersionString<\/key>\r\n\t<string>1.0<\/string>\r\n\t<key>CFBundleVersion<\/key>\r\n\t<string>1.0<\/string>\r\n\t<key>Height<\/key>\r\n\t<integer>360<\/integer>\r\n\t<key>MainHTML<\/key>\r\n\t<string>main.html<\/string>\r\n\t<key>Width<\/key>\r\n\t<integer>480<\/integer>\r\n<\/dict>\r\n<\/plist>\r\n\r\n\r\n<\/pre>\n
Ce code doit figurer dans un fichier intitul\u00e9 Info<\/em> et portant l\u2019extension PLIST. Votre fichier sera donc Info.plist<\/em>.
\nL\u2019essentiel \u00e0 retenir de ce fichier XML est qu\u2019il d\u00e9livre un certain nombre d\u2019informations \u00e0 propos de votre vid\u00e9o. Les plus importantes \u00e9tant les dimensions de cette vid\u00e9o. Soyez s\u00fbr que ces dimensions correspondent \u00e0 celles qui se trouvent dans votre fichier PLIST. Ma vid\u00e9o est de 480 par 360. Ce sont des dimensions qui m\u2019ont \u00e9t\u00e9 donn\u00e9es par YouTube (naturellement, j\u2019aurais pu en obtenir d\u2019autres). Elles doivent donc figurer dans le fichier PLIST.<\/p>\n
\"Cr\u00e9er<\/a><\/p>\n
Pour finir :<\/strong>
\nMaintenant que vous avez les 3 fichiers Main.html<\/em>, Default.png<\/em> et Info.plist<\/em> dans votre dossier verbe, il vous reste une chose \u00e0 faire.<\/p>\n
\"Trois<\/a><\/p>\n
Il faut ajouter l\u2019extension WDGT \u00e0 votre dossier qui sera d\u00e9sormais un widget intitul\u00e9 verbe.wdgt<\/em>. Il n\u2019y a plus rien \u00e0 faire si ce n\u2019est glisser et d\u00e9poser le widget dans iBooks Author. Branchez votre iPad. Cliquez sur Aper\u00e7u et v\u00e9rifiez que votre vid\u00e9o fonctionne.<\/p>\n
\"Le<\/a><\/p>\n
Si quelque chose ne fonctionne pas, si vous d\u00e9sirez modifier votre widget, il faudra faire un clic droit et choisir Afficher le contenu du paquet<\/em>. Vous pourrez alors modifier le fichier HTML, PLIST ou PNG.<\/p>\n
\"Afficher<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
En principe, lorsque vous souhaitez int\u00e9grer une vid\u00e9o dans votre site ou votre blog, vous copiez et collez une portion de code, et le tour est jou\u00e9. Ce sont quelques lignes que vous obtenez en cliquant sur Partage, et qui ressemblent \u00e0 \u00e7a : <iframe width=\u00a0\u00bb480″ height=\u00a0\u00bb360″ src=\u00a0\u00bbhttp:\/\/www.youtube.com\/embed\/z4CLpA3Y1Kg?rel=0″ frameborder=\u00a0\u00bb0″ allowfullscreen><\/iframe> Il n\u2019en va pas de […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-2086","post","type-post","status-publish","format-standard","hentry","category-informatique"],"_links":{"self":[{"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/posts\/2086","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/comments?post=2086"}],"version-history":[{"count":49,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/posts\/2086\/revisions"}],"predecessor-version":[{"id":2235,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/posts\/2086\/revisions\/2235"}],"wp:attachment":[{"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/media?parent=2086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/categories?post=2086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ralentirtravaux.com\/le_blog\/wp-json\/wp\/v2\/tags?post=2086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}