なにこの問題。
html5動画でvideoタグ設置していた。
<video id="video" poster="poster1.png" controls preload="none">
でもこれだとコントローラーの再生ボタンを押さないとスタートしないので、onclick="this.play"をつけるよね?
<video id="video" onclick="this.play()" poster="poster1.png" controls preload="none">
これで画面クリックでも再生が始まる。
と思ったら
たらfirefoxで動かなくなった。
よくよく調べてみると、firefoxでは、this.play()しなくても画面クリックで再生&停止が機能してる。
なるほど、すでにfirefoxでは勝手に便利機能が搭載されていて、それであるがゆえに、クリックすると2重で動き出してバグるみたいな?
んで、結局これで解決↓
<video id="video" onclick="this.play();return false;" poster="poster1.png" controls preload="none">
return false; をいれて、クリックがブラウザに届くのを防ぐみたいな。
どこにも解決策がでてなくて、stackoverflowとかでも外国の方が困っててだれも解決できてないようにも見えたけど、一応これで僕の環境ではうまくいってる。
html5動画でvideoタグ設置していた。
<video id="video" poster="poster1.png" controls preload="none">
でもこれだとコントローラーの再生ボタンを押さないとスタートしないので、onclick="this.play"をつけるよね?
<video id="video" onclick="this.play()" poster="poster1.png" controls preload="none">
これで画面クリックでも再生が始まる。
と思ったら
たらfirefoxで動かなくなった。
よくよく調べてみると、firefoxでは、this.play()しなくても画面クリックで再生&停止が機能してる。
なるほど、すでにfirefoxでは勝手に便利機能が搭載されていて、それであるがゆえに、クリックすると2重で動き出してバグるみたいな?
んで、結局これで解決↓
<video id="video" onclick="this.play();return false;" poster="poster1.png" controls preload="none">
return false; をいれて、クリックがブラウザに届くのを防ぐみたいな。
どこにも解決策がでてなくて、stackoverflowとかでも外国の方が困っててだれも解決できてないようにも見えたけど、一応これで僕の環境ではうまくいってる。