私は raphael.js を使用して、アプリで背景のアニメーション化を行っています ( http://projectmusicquest.appspot.com/static/test.html )。私が最初に抱えていた問題は、要素と YouTube ビデオがフォアグラウンドにあるときに、svg がバックグラウンドにあることを確認することでした。これを引き起こす原因となる Safari と Chrome/Firefox の違いについては知りません。ありがとう！
更新: svg の x-index を 0 未満に設定するだけで、これを解決できました。少し機能を失いましたが、別の方法を見つけることができませんでした。