親HTML内に記述したiframe内で、videoタグを使って動画を再生しています。
その動画のスクリーンショットを撮りたいですが、撮れません。
一方、iframeを使わずに直接videoタグを記述して動画再生した場合は、
https://stackoverflow.com/questions/13760805/how-to-take-a-snapshot-of-html5-javascript-based-video-player
にある
https://github.com/ReeganExE/youtube-screenshot
の内容をまねた方法で親HTMLからスクリーンショットが撮れました。
しかし、iframe内で再生中の動画を、同じ方法で親HTMLからスクリーンショットしようとしても撮れません。
Uncaught TypeError: Cannot read property 'offsetWidth' of null
というエラーが出ます。
いわゆるクロスオリジン問題?
セキュリティの関係から、別ページとみなされるiframe内へのアクセスは制限されている、というような記述をどこかで見ましたが、では今回のようなことをやりたいときにどうやればいいかということについて、なかなかよい情報が見つけられません。
親HTMLではなく、iframe内にスクリーンショットを撮るボタンを置けば、クロスオリジン問題は発生せず、スクリーンショットが撮れるかもしれませんが、
可能であれば、親HTMLから撮りたいです。
何かご存知でしたら、お教え頂ければ幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。