タグ

videoに関するh1rokey0401のブックマーク (3)

  • <video>タグでmp4の動画が再生されない(解決法)(たまちゃんHTMLのおうち~作成に役立つテクニック)

    HTML5の<video>タグでmp4の画像が再生されないパターンにはまりました。 IE9で起きる現象です。 他の形式の動画は再生されるがMPEG4だけはダメという場合は、同じ原因かもしれません。 以下の手順で確認してください。 原因は、mp4には種類(MPEG4、H.264とか)があるのにこれを把握していなかったためでした(-_-;) 要は、IE9はH.264タイプのmp4に対応していることでした。(マシンにcodecがインストールされている場合はWebMにも対応) 結果的には、MPEG-4タイプのmp4を、H.264 タイプのmp4に変えてあげて解決です。 ★<video>タグを用いた動画の埋め込みも参照してください。 ★IE9で動画に対してのデバッグの方法 問題のあると思われるサイトを開く [ツール]メニュー-[F12 開発者ツール]クリック ショートカットキー:F12 まずは、ファ

  • 【videoタグ】HTMLで動画を埋め込む方法を徹底まとめ

    webサイトで動画を扱いたい場合にはHTML5から導入されたvideoタグを使用するのが一般的です。今回はvideoタグの基〜応用的な使い方までを丁寧に解説し、HTMLで動画を使いこなせるようにしていきます。 記事の最後ではおまけで「背景全体に動画を表示する方法」も紹介していますよ。 webサイトに動画を埋め込む方法 webサイトに動画を表示させる方法は iframeタグを使用する(youtubeなどの動画サイトから読み込む)videoタグを使用する(動画ファイルをアップロードして読み込む) という2つの方法があります。今回はスタンダードな「video」を使った動画の埋め込み方法を解説します。 後ほど「iframe」を使った動画の埋め込み方法の紹介します。

    【videoタグ】HTMLで動画を埋め込む方法を徹底まとめ
  • ときどきWEB | PC各ブラウザ・スマホ・タブレットごとの動画形式についてまとめてやんよ!!!

    動画コンテンツを制作するにあたってこれまでPCではFlash、スマホはMP4で設置しとけば何とかなる感がありますが、レスポンシブデザインサイトで制作する事を想定した場合、動画形式についてもブラウザ間の仕様やキャリア端末毎の問題点や把握すべき点がありそうだったので調査してみますた。 <video>タグについて webサイトにて動画コンテンツを設置する際は、HTML5で新たに追加された<video>タグを使用する。 これにより、Flash無しで動画が再生可能となる。iPhoneiPad・iPod Touchなど、Flashに対応していない端末で動画コンテンツを利用する際は、<video>タグだけが動画コンテンツに対応させられる唯一の方法となる。 <video> <source src='動画ファイル' type='video/拡張子; codecs="動画データ(MINEタイプやコーデック)

    ときどきWEB | PC各ブラウザ・スマホ・タブレットごとの動画形式についてまとめてやんよ!!!
  • 1