MediaElement.jsを使用して、YouTube ビデオを video タグにラップしました。
<video id="v" width="640" height="360">
<source src="http://www.youtube.com/watch?v=nOEw9iiopwI" type="video/youtube" >
</video>
正しく再生できます。play イベントを検出したい (jQuery がロードされていると仮定):
$("#v").on('play', function() {
console.log('play event entered');
// do something more here
});
});
イベントを正しく検出できないようです。クロスオリジンの問題が原因ですか?もしそうなら、理論的にはビデオ用のプロキシサーバーを構築して、それを正しく検出できますか?
最終的にやりたいことは、YouTube クリップをキャンバスにロードすることです。なにか提案を?