4

私はモバイル デバイス (iOS) で作業しており、サムネイルをクリックして YouTube ビデオを起動したいと考えています。iOS デバイスでは、ビデオはフルスクリーンで表示されます。

iframe を使用していますが、画像のみを使用したい:

<iframe id="ytplayer" type="text/html" width="120" height="100" src="http://www.youtube.com/embed/'+id+'?hd=1&rel=0&autohide=1&showinfo=0" frameborder="0"/>

これどうやってするの ？

ありがとう

4

2 に答える 2

0

サムネイルの URL は予測可能です。

http://img.youtube.com/vi/[id]/0.jpg

http://img.youtube.com/vi/[id]/1.jpg

http://img.youtube.com/vi/[id]/2.jpg

http://img.youtube.com/vi/[id]/3.jpg

詳細については、この回答を参照してください。

https://stackoverflow.com/a/2068371/318557

于 2013-06-28T12:07:02.400 に答える
0

あなたの HTML:

<iframe id="ytplayer" type="text/html" width="120" height="100"  
src="http://www.youtube.com/embed/'+id+'?hd=1&rel=0&autohide=1&showinfo=0" 
frameborder="0"/>

必要な jQuery:

var player;

function onYouTubePlayerAPIReady() {
    player = new YT.Player('video', {
      height: '200',
      width: '200',
      playerVars: { 'autoplay': 1, 'controls': 0 },
      events: {
        'onReady': onPlayerReady
      }
    });
}

function onPlayerReady(event){
  event.target.playVideo();
    $("#play").on('click', function() {
      player.playVideo();
    });
    $("#pause").on('click', function() {
      player.stopVideo();
    });
}

作業例:

http://jsfiddle.net/8kN6Z/218/

ご覧のとおり、パラメーター:&enablejsapi=1を youに追加することが非常に重要ですsrc。

また、プレイヤーの初期化での の受け渡しがvideo id正しく機能しませんでした。

達成したいこと

あなたが達成したいのは、画像をクリックしてビデオを開始することです（少なくとも私が正しく理解している場合）。でわかるように、ビデオを開始するボタンをJsFiddle作成しました。playビデオを初期化するために、画像やその他のものを代用できるようになりました。

これがお役に立てば幸いです。

幸運を！

于 2013-07-03T11:59:29.247 に答える