タグ

videoとhtmlに関するyorozunaのブックマーク (2)

  • HTML5でつくるカメラ&落書きアプリ(中国GTUGハッカソンで発表) | 秋葉秀樹個人ブログ

    サイトにアクセスして、画面をちょっと下にスクロールすると「Android Build」というリンクがすぐ見つかるはずです。 これをタップするだけでダウンロードが始まります。 ダウンロードが終わったら、上図右のようにアイコンをホームの画面にでも配置しておきましょう。 Operaのアイコンに「LAB」と書いてあるのがそれです。 その「LAB」と書いているOperaを起動して、ハッカソンで作ったやつのアドレスにアクセスしてください。 http://ecoloniq.jp/opera_de_camera/ ※ハッカソンの制限時間の関係上ちょっとした不具合があります、そのときは更新をタップしてください(ちゃんと作りたいなあ...) カメラの映像をブラウザに映す カメラの画像をブラウザに映すのだけはとても簡単です。 <video autoplay> // jQueryを読み込んでいます $(funct

  • HTML5に対応したYouTube動画の新しい埋め込み方法

    HTML5に対応したYouTube動画の新しい埋め込み方法 YouTubeでは従来の<embed>タグによる動画の埋め込み方法の他に、<iframe>での埋め込みが利用できることを発表しました。 さて、一般のPC以外からの動画再生はFlashが対応していないため視聴できない、という問題がありましたが、昨今HTML5の登場によってプラグイン無しで再生することができる環境になってきました。 そこで、今回の新しい埋め込み方法では、ユーザーの環境に合わせてFlashプラグインが対応していれば従来の方式で、そうでなければHTML5方式で自動的に埋め込み内容を切り替えてくれるようになっています。 埋め込みコードは以下のような感じで、従来よりもむしろスッキリしてます。 <iframe class="youtube-player" type="text/html" width="640" height="

    yorozuna
    yorozuna 2010/07/26
    [[Movie][動画][*webdesign][webdesign][web制作][web design][webデザイン]
  • 1