videoタグで動画を埋め込む

先日、動画が再生された後にスライドをながす、という記事を書きましたが
videoタグで入れた動画、IEとSafariでみれてない、、、ええええ。
ブラウザのサポートをみてみると別に対応していないってわけじゃないみたいなので、
動画の種類?なのかなーーと思って、webmだけ(容量軽かったから)リンクさせてたんだけど、
sourseタグをつかって、webmとmp4両方選択できるように。
これでIEは再生されるようになりましたが、、、やっぱりSafariでは再生されない!!!
posterで設定した画像がどーんと表示される。。。

そしたら、最新のSafariでは、音がでる動画が自動再生されないような機能がついてる?みたいな記事をみつけまして、、、
ということは、もともと音なしの動画だったんだけど、mutedを設定。
そしたら無事、再生されるようになりました!!!!!

結果下記のコードになりました。

なんとも単純なことだったんですが、そういうところでつまづくのがコーディングですね。。
よかったよかった。。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

top