html5 キャンバスを使用して Youtube 動画を歪めたいと思います。私はそれが通常のビデオでどのように機能するかを知っており、そのためには Youtube 埋め込みプレーヤーから要素を借りる必要があります。YT 動画は、独自の API を使用して動画を埋め込みます。私が知る限り、プレイヤーが起動する前には存在しません。これは、jQueryを使用して取得しようとした方法です:
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING) {
var video = $('#player').contents().find('video')[0]; // '#player' is <iframe>
// ... anything else doesn't matter yet
}
}
Unsafe JavaScript attempt to access frame with URL http://www.youtube.com/embed/u1zgFlCw8Aw?[... player vars] from frame with URL [domain_adress]. Domains, protocols and ports must match.
しかし、クロスドメインリクエストが許可されていないため、コンソールにメッセージが表示されるだけです。おそらく、これを行うための回避策はありますか?これ以上のアイデアはまだありません