タグ別アーカイブ: youtube

去年のiframe版Youtubeプレイヤーがエラーはいてた

昨年度版イベントサイトをそのまま更新で使ってくだサイと言われたやつが今年はエラーはいてたのでメモ

Failed to execute 'postMessage' on 'DOMWindow'

Youtube貼り付けでJSエラー – サイコロン

ytPlayerの中のplayerVarsにorigineを付ければ直るらしいので、locationで取り込むよう追記。

playerVars: {
"rel": 0,
"autoplay": 0,
"wmode": "opaque",
'origin': location.protocol + '//' + location.hostname + "/"
}

だそうです。
ありがてえ・・・ありがてえ・・・

youtube 埋め込み iFrame版でなんかChromeのコンソールでエラー出る。
キモい。なにこれ。なにこれ珍百景。
前からだけど。キモい。

「エクステンションを入れてる環境のために叩いてるjsのエラーだから別に埋め込みに問題があるんじゃないよ」
ふーん。キモい。

なんか動かんな〜と思って調べたのでメモ書き

その１：onYouTubeIframeAPIReadyはプラグインの中に入れてはならない

Make sure your onYouTubeIframeAPIReady function is available at the global level

グローバルの領域に置けって書いてます、了解っす。

その２：[player名].playVideo()が動かん

コンソール見たらObject #S has no method ‘playVideo’っていわれる

you should utilize the onReady callback parameter of the YT.Player object

YT.Playerオブジェクトが出来る前に呼んでんじゃね？とおっしゃっている。
コンソールで[player名]の中身見ると先に全ての値が帰ってきていたので
そうじゃねーんだけどなーと思いつつ、onReadyで設定するとなおったのでまぁいったん詳しい話はいいですわ。どうもすみませんでした。あざます。

iOSでのYoutube iframe APIの挙動について、なんか使うメソッドによって動いたり動かなかったりマチマチ。なになにバグなの？と調べたらお優しい方の記事あった。あったよーおかーさーん！！

・iFrame版APIで制御していて
・自動再生・動画の変更をしようとすると
・画面が真っ黒になって動かない場合
「ユーザーが再生させる意思表示して（タップして）ないのに勝手に操作すんなや」ってことらしい。

つまりユーザーがプレイヤーをタップしていない時に起こる。
タップしてないのに制御しようとすると起こる。

なるほど。。そういやそんな話聞いたことあったな（遠い目）
というわけで、IDで動画を差し替える奴も、一回プレイヤーをタップした後だと普通に動いたー。
でも「再生させるにはタップしてね！」とか書けないし。。。むうーん。

埋め込みのカスタマイズ
パラメータつけてあげる事で出来るよっと。
■公式
https://developers.google.com/youtube/player_parameters?hl=ja#rel

埋め込みコードをいじるバージョンがiFrame版、AS版（２・３）あり。
またAPIはiFrame verはhtml5前提なりよ。

[2013.10.30 追記]
■iOSでは一部のメソッドに制限が出るよ
http://pointofviewpoint.air-nifty.com/blog/2013/10/youtube-apiioss.html

iFrame版をAPIで制御していて、自動再生・動画の変更をしようとすると、画面が真っ黒になる場合、
「ユーザーが再生させる意思表示して（タップして）ないのに勝手に操作すんなや」ってことらしい。
http://www.hirokonakahara.com/blog/?p=1352←経緯

[2013.11.14 追記]
■IE9ではz-indexを無視しやがるよ！
wmode:’transparent’でなおったよ！
http://www.crystal-creation.com/web-appli/technical-information/web-api/google/youtube/player-api/iframe.htm