videoタグ IE9 動画再生後 サムネイルが表示されない

Question

IE9で、videoタグの動画再生前にサムネイルを表示させるために、下記の通りpreload="none"に設定してサムネイルを表示させる事はできましたが、動画再生完了後にサムネイルを表示させる事ができません。
HTMLとjsは下記の通りです。

<video controls poster="img/test.jpg" onclick="this.play();return false;" preload="none" width="448" height="252" id="video"> <source src="img/test.mp4" type="video/mp4" /> </video> <script type="text/javascript"> video.onended = function() { video.load(); } </script>

IE9で確認すると、動画再生完了後、loadされて動画の最初に戻ります。
なので、jsは効いていると思うのですが、preload="none"のせいか、サムネイルが表示されません。
ちなみに、chrome,FFでは問題なく表示されます。
何かいい方法はないでしょうか。

よろしくお願いします。

Answer 1

該当するような不具合情報は見つかりませんでしたが、IE9のvideoは色々とおかしいそうです。他ブラウザ(Firefox、Chrome、IE11、Edge、Safari等)で正常であれば、IE9のバグだと思われます。バグであった場合、(それが脆弱性に繋がらない限り)修正される可能性は限りなくゼロです。

採れる方法はあまりありません。

1. video.jsのような各ブラウザの違いなどをなるべく吸収してくれるJSライブラリを使う。

うまくいくかどうかまではわかりませんが、一つぐらいはできるのがあるような気がします。ライブラリもいくつかありますので、下記を参考にしてください。
参考: HTML5のvideoタグをパワーアップしてくれるライブラリまとめ | hifive開発者ブログ
2. IE9対応を諦める。
IE9は既にWindows VistaとWidows Server 2008でしかサポートしておらず、Vistaは2017年4月11日にサポートが終了します。Widows Server 2008はサーバー向けOSですので、サーバーで閲覧する人はいないとしてもいいと思います。ということで、IE9の実質的な寿命は2017年4月11日までです。
サポート切れ間近のブラウザに対応する必要が本当にあるのかを検討してください。