タグ

2018年5月30日のブックマーク (5件)

  • [Creative Cloud 入門] After Effects のムービーを Web 用に書き出し

    After Effects で作成したムービーは様々な形式で書き出すことができ、モバイルデバイスやインターネットでの再生用に最適化された形式(H.264 や SWF など)で書き出すこともできます。

    idr_zz
    idr_zz 2018/05/30
    なんかあるべきメニューがなくうまくいかなかった。アフターエフェクツ、なかなかーなれねス。 [Creative Cloud 入門] After Effects のムービーを Web 用に書き出し
  • http://twitter.com/i/web/status/1001806246872170496

    idr_zz
    idr_zz 2018/05/30
    私の愛してやまないobject-fitが動画にも効いたどぉーーーー!!こんなに嬉しい事はない…(IEはイマイチ…) [CSS]object-fitの賢い使い方: インラインの動画を背景画像のようにブラウザいっぱいに表示するテクニ…
  • IEでmp4動画が再生できない「ビデオタイプがサポートされていない、またはファイルパスが無効です」

    C,Python,PHP,MT5,EA,HTML,JavaScript,他プログラムなど。伝えたい事とか備忘録とか。 久しぶりにハマったので書きます サーバーに mp4 ファイルを上げて HTML5 の video 属性を使って再生させるというのを試みたが下記のエラーとなった 「ビデオタイプがサポートされていない、またはファイルパスが無効です」 「無効なソース」 1.のエラーが出るコード <video poster=”sample.jpg” controls> <source src=”sample.webm” type=”video/webm” /> <source src=”sample.ogv” type=”video/ogg” /> <source src=”sample.mp4″ type=”video/mp4″ /> </video> 2.のエラーが出るコード <video s

    IEでmp4動画が再生できない「ビデオタイプがサポートされていない、またはファイルパスが無効です」
    idr_zz
    idr_zz 2018/05/30
    IEで再生されない動画あった。mp4でもコーデック注意。ちなみにその動画は問題なし。h.264だ。 IEでmp4動画が再生できない「ビデオタイプがサポートされていない、またはファイルパスが無効です」
  • video タグで動画が再生されない。Windows 7 IE11 と Windows 8 IE11 は別物。

    video タグで動画が再生されない。Windows 7 IE11 と Windows 8 IE11 は別物。 Internet Explorer 11 で HTML5 video タグで動画を埋め込んだ同じページを見ているのに、Windows 8.1 の IE 11 では再生されて、Windows 7 の IE 11 では動画が再生されないという現象に悩まされていたのだけど、解決しそうなのでメモ。 細かい検証は出来ていないので、話半分で。 Win7 IE11 で「無効なソース」って言われる 「無効なソース」って言われましても、Win8.1 の IE11 では普通に再生されてる。 一体何をもって無効なのかを教えて欲しい次第。 docutype 宣言が無い MIME Types 書いた? とかとか、その類の話はわりとすぐ検索で引っかかってきていると思うのだけど、その辺りを設定しても動画は再生

    video タグで動画が再生されない。Windows 7 IE11 と Windows 8 IE11 は別物。
    idr_zz
    idr_zz 2018/05/30
    IE11で再生されない動画、原因はどうやらこれだった。サイズを小さくしたら再生された。心底おどれーた!!! video タグで動画が再生されない。Windows 7 IE11 と Windows 8 IE11 は別物。
  • CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO

    例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く(このサンプルはChromeブラウザでの

    CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
    idr_zz
    idr_zz 2018/05/30
    vw、vh使えそう!親要素関係なく画面サイズを見に行ってくれる!! CSS には vw, vh, vmin, vmax という単位がある