Kindleと動画を埋め込んだ電子書籍

動画を埋め込んだ電子書籍の制作途中でいろいろとiBooksの挙動を実機で確認したので、まとめておきます。

その前に電子書籍の雄「Kindle」での対応は？というと。

Kindleではvideo、audioタグを使ったEPUBについてKDPから販売できません。半年以上前になりますが、実際にためしたところファイル送信のときにエラーが返されます。1年以上前ですが問い合わせした際にvideo、audioタグに関してKDPでは音声や動画を含んだ電子書籍に対応しておらず、現時点ではサポートをすることができない旨の回答をもらったことがあります。

現在音声については、audioタグではなくText-to-Speechと呼ばれるテキスト読み上げ機能で対応できます。

Kindleで動画が埋め込まれたコンテンツを探す

そんなKindleですが、動画付きコンテンツがマーケット内に確実に存在しています。

でもKDPから販売できないのにどうして？マーケットにあるの？？？

どうしても納得できなくなったら再度問い合わせをしてみようかと思っています。

話をもどして、

通常では見れないカテゴリーですが下記へ遷移してみてください。検索窓のカテゴリーが「Kindle with Audio-Video」になっていると思います。

Amazon.co.jp: Kindle with Audio-Video: Kindleストア

通常カテゴリーでは下の画像のように「Kindle with Audio-Video」は表示されません。

リッチな電子書籍はiBooksで

とにかく、現在KDPから動画を埋め込んだ電子書籍を販売することはできません。今後KDPもvideo、audioタグに対応してくる可能性は充分にあります。Kindleについては、それまで、待ちということにして動画を埋め込んだ電子書籍を販売するならiBooksということになります。

そしてiBooksといえばOSX MavericksからMacでも使えるようになりました。

そうです、iBooksについては、スマートフォン（iPhone）、タブレット（iPad）、PC（Mac）いずれのデバイスでも同じアカウントで電子書籍が読めることになりました！素晴しい。

このようなことから今回、iBooksの動画再生の状況を確認＆まとめてみることにしました。

動画の埋め込み方法

EPUB Core Media Types

動画のメディアタイプ（Media Types）はこちらです。

Audio Types

※2014年11月6日修正

読み返していて重大な間違いに気づいてしまいました。

動画のメディアタイプ（Media Types）の記載について上記の説明はaudio（音声）のものになっていました。大変失礼いたしました。

idpfのEPUB Publications 3.0を確認しても動画についてはCore Media Typesに入っていません。ブラウザの対応状況などなど混沌としている模様。

ちなみにマニフェスト（manifest）でメディアタイプ（Media Types）の記述をしないでおくとこのようなエラーが返されます。

element "item" missing required attribute "media-type"

では、どうすればよいかというと現在のところ動画のファイル形式はMP4かWebMを使い。そしてMedia Types（メディア・タイプ）は下記のように記載しておけばエラーはでません。

Audio Types

EPUB3への動画はvideoタグを使って簡単に埋め込むことができます。

<video controls="controls" poster="再生前の静止画に使用する画像のパス" src="動画のパス">
<p>サポートしていないビューアー向けメッセージ　例）このブラウザではご利用いただけません</p>
<img alt="画像の説明テキスト" src="代替え画像のパス" />
</video>
              

検証について

実機で動画を埋め込んだ電子書籍（EPUB3）をiBooksで開いてみます。

映画「ローマの休日」が一本まるまるみれる電子書籍みるみる上達 名作映画で英会話　ローマの休日（定価：350円）を使っています。

iPad　EPUB3の動画再生

アン王女が退屈で窮屈な日常を飛び出し、街にでて髪を思いきっりショートにするシーンです。

もちろん拡大もオッケー。

フルスクリーンで美しいアン王女を見ることもできます。

映画「ローマの休日」が一本まるまるみれる電子書籍みるみる上達 名作映画で英会話　ローマの休日（定価：350円）

iPhone　EPUB3の動画再生

iPhone版のiBooksでみてもアン王女は美しい・・・。

フルスクリーン縦。

フルスクリーン横。

アン王女ため息が出るほどに美しい。

映画「ローマの休日」が一本まるまるみれる電子書籍みるみる上達 名作映画で英会話　ローマの休日（定価：350円）

Mac　EPUB3の動画再生

Mac版は、動画のキャプがとれるので、そっちを見てもらった方が分かりやすいかと。

この動画で音声は聞こえませんが、もちろん電子書籍内の動画を再生すれば音声も聞こえています。

動画再生時の問題点

みるみる上達 名作映画で英会話　ローマの休日は固定レイアウトで作られています。この後、リフローに埋め込まれた動画も再生してみました。iPadとiPhone版のiBooksでは問題ありませんでしたが、Mac版のiBooksで再生した際に下記の現象が発生しました。

リフローで再生時に問題があった動画を固定レイアウトに埋め込んで再生したところこの現象はおきなかった。動画の問題ではなく固定レイアウトかリフローといったところの問題かもしれません。

コミック、写真集などの画像集や、縦書きリフロータイプの電子書籍データが以下のページでつくれます。