2012-02-20 7 views
0

私は、iBooksを介して、特にiPad用の動的ePub電子ブックを作成するサイトで作業しています。HTML5 <video> for YouTube

YouTube動画の再生をサポートする必要があるので、私はビデオへの直接のパスを知っているときに動作しているhtml5 <video>タグを使用しています。

youtube埋め込みコードを使用するのではなく、html5 <video>タグを使用してYouTube動画を埋め込む方法はありますか?

答えて

1

YoutubeのHTML5埋め込みコードは、<video>タグを必要とせずに、iPadのiBooksとネイティブで正常に機能しているようです。

2

ClickToPlugin (a.k.a. ClickToFlash) Safari extensionは、YouTube埋め込みコードを<video>に置き換えることができます。多分its code for doing thatかもしれません。

さまざまな種類の埋め込みを扱うので複雑に見えるかもしれませんが、あなたのケースの具体的な結果を把握したり、ビデオを埋め込んだWebページを作成したり、ClickToFlashを適用したり、 Webインスペクタで生成されます。

1

YouTubeは直接URLを動画に公開しません。彼らがそうした場合、彼らはビューを追跡したり、広告を配信したり、ビデオ配信の所有者にその配信を許可したり、ロゴを付けたプレーヤーをブランド化することはできませんでした。

あなたはこれを回避するために何かを考案しようとするが、YouTubeのプレイヤーをバイパスすることは、当然のことながら、彼らのToSで禁止されて何かコンテンツを制御する能力を迂回意味でした:あなたの場合

You agree not to circumvent, disable or otherwise interfere with security-related 
features of the Service or features that prevent or restrict use or copying of any 
Content or enforce limitations on use of the Service or the Content therein. 

ない素晴らしい計画をコンテンツを公開した後も動画を継続しておきたい

代わりに、YouTubeが公開しているオプションを使用して、埋め込みプレーヤーに表示される操作を制御できるようにすることをお勧めします。

は残念ながら、唯一サポートされているオプションは今<は>タグと<IFRAME>タグを埋め込んでいる、と<埋め込む>タグには、Flashにあなたを制限するでしょう。

IFrameのアプローチは、今利用可能な最善の選択肢であり、このタグは、YouTubeネスの最低限を含んでいるプレーヤーを得るためにあなたの埋め込みURLをひねりする方法を示しています。

<iframe src= 
    "http://www.youtube.com/embed/mbOEknbi4gQ?autoplay=1&controls=0&showinfo=0" 
    frameborder="1" width="534" height="400"></iframe> 

使用中のパラメータ現在地:

  • 自動再生= 1:ビデオ
  • コントロール= 0を自動再生する:抑制showin:制御ラックに= 0
  • SHOWINFOを表示しませんこのようアップローダー

としてグラムのビデオメタデータ現在サポートされているパラメータの完全なリストを見つけることができます:https://developers.google.com/youtube/player_parameters#Parameters

私はそれはあなたが後にしている答えではないと知っているが、それはいつでもすぐに変わりそうだし、別としてこのアプローチはうまくいきます。実際、デジタルプリント出版物に接続されたビデオを提示することは、現在の産業界の慣行である。

幸運を祈る!

関連する問題