HTML5の【VIDEO】要素 追記Firefox45のバグ？
網戸屋の日頃をつぶやく独り言。
自然人で自由人で仕事人でweb作成もする。
現場を少しだけご紹介しましょう。
目次
HTML5【VIDEO】要素 追記 Firefox45のバグ？
HTML5とCSS3への対応をどうするかの問題。
昨今のレスポンシブ対応については色々な試案もあって当方もスマホ対応を２年前に考えた頃とweb環境も変わって来てはいるものの、素直にHTML5にすることができない。
当サイトでもjQueryも使いpreloadも用意はしていて完全移行はテンプレート書き換えで即対応できる状態ではあるのだが、皆さんご存知のMicrosoft IEの旧バージョン問題がねぇー。
現時点でもIE８でのアクセスは依然多いし某大手企業は未だにIE8環境を踏襲のままの現実。
サイトのHTML5要素であるVIDEO要素を使っているページ・・・IE8対応方法の変更です。
HTML5対応そのものは実に簡単でも旧IEへのブラウズには「html5.js」を使いましょう的なお勧めはあるものの、これもまた問題多き対応策ですよね。
scriptの競合やらjQueryの競合もありありで、おまけに各ブラウザで解釈も違うし・・・CSS3のコーディングも考えると本末転倒です。
何屋さんなん？的な（笑）
苦肉の策で今回はVIDEO要素のIE８以下対応は
【embed要素】指定でライブラリを読み込まずに対応できることを発見してこれに決めました！
html的には
<video controls width=”xxx” height=”xxx”>
<source src=”xxx.mp4″ type=”video/mp4″>
<embed src=”xxx.mp4″ width=”xxx” height=”xxx” type=”video/mp4″ autoplay=”false” controller=”true” pluginspage=”http://www.apple.com/jp/quicktime/download/”>
</video>
これでOK
しっかしHTML5とCSS3対応は頭が痛いっす。
テンプレート書き換えするかなぁー。
追記
Firefox45が出ましたが何と！mp4の音声を「勝手に再生]してしまうというバグがあります！
対応方法あるんかな・・・・・embed要素のautoplayがどうも関係しているらしいが・・・
