タグ

動画に関するmypacecreatorのブックマーク (18)

  • メインビジュアルの背景を動画にする | クリエイター:コーディング備忘録ブログ

    自社のサイトリニューアルの際に、メインビジュアルで動画を流すことになったので、 html5のvideoタグと、再生を制御するjavascriptについて解説します。 ■HTMLソース <div id="mainVisual"> <div id="cover"></div> <video autoplay id="bgvid"> <source src="asset/movie/video.mp4" type="video/mp4"> </video> </div> <!-- /mainVisual -->

  • | Mapletopia

    Mapletopiaあなただけのアメブロデザインお作りします! アメブロカスタマイズ、映像制作、フライヤー制作、 その他 気になったことなど、何でも書き綴っていきます。 駆け出しグラフィック&Webデザイナーのブログ。 © 2012 Mapletopia

    | Mapletopia
  • YouTube 埋め込みプレーヤーの外観をカスタマイズ

    お気付きの方も多いとは思いますが、最近 YouTube 動画コントロール バー のデザイン(色)がまた変わりました。YouTube のサイトでは先月からダーク色のコントロール バーになっていましたが、11日からは埋め込みプレイヤーのコントロール バーも初期設定状態で全てダーク色に変更されました。 個人的な感想では、今回のデザイン変更はカッコ良くなっているので歓迎なのですが、黒い背景色のサイトに貼り付けた場合、AS3プレイヤータイプの埋め込みプレイヤーは良いのですがAS2プレイヤータイプの埋め込みプレイヤーでは見慣れない所為か何か変です。 そこで、YouTube では埋め込みプレイヤーの色などをパラメーターオプションで変えることが出来るので今回は埋め込 ​​みプレーヤーのコントロール バーの色などを変えるパラメーターを紹介したいと思います。

    YouTube 埋め込みプレーヤーの外観をカスタマイズ
  • HTML5 video and audio tags in all major browsers

  • 日記 | ヨモツネット

    blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTMLSVG 混在でき

  • Adding an HTML5 video control to your webpage (Windows)

    Windows Internet Explorer 9 introduced support for HTML5 video.Using HTML5 video, you can embed a full featured video player on your webpage, without requiring a third-party plug-in or even JavaScript. How do I get started? What attributes can I use with a video element? How do I support more than one format? What happens on older browsers? Can I add a little style? Where to now? API Reference Sam

    Adding an HTML5 video control to your webpage (Windows)
  • Browse code samples

    This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.

    Browse code samples
  • Learn web development  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    Learn web development  |  web.dev
  • HTML5 videoタグを使って動画を再生する | TechBooster

    再生可能ファイルのリストアップ 全てのブラウザで目的の動画ファイルを再生できるようにするにはsourceタグを使います。 ブラウザごとに再生可能な動画ファイルを用意してsourceタグでリストアップしておくことで、 ブラウザは上から順番に対応できる動画ファイルを探してくれます。 <video id="video" controls width="320" height="240"> <source src="sample.mp4"> <source src="sample.3gp"> </video> JavaScriptで動画コンテンツを操作する videoタグで埋め込んだ動画コンテンツをJavaScriptを使って操作することが可能です。 たとえば、videoタグで埋め込んだ動画コンテンツを 独自に追加したボタンから再生/停止するには以下のようにします。 ■playvideo2.htm

    HTML5 videoタグを使って動画を再生する | TechBooster
  • todya-only.net

    Bing Mapsの基礎〜応用 某GのmapAPIを利用するのにクレカ登録が必須となったので、Bing Mapsでどのくらいまでいけるのか試してみた。 主な使用技術 Bing Maps APIJavaScriptCSS、レスポンシブ 詳しく見る Youtube APIを使用したサンプル YouTube Data API (v3)を使用し、JavaScriptにてユーザーチャンネルの動画を取得するプログラムを作成。 主な使用技術 YouTube Data APIJavaScript(jQuery)、CSS、レスポンシブ 詳しく見る ポケモンGO図鑑 Githubに公開されている「Pokemon-DB」を元にページを生成 主な使用技術 JavaScript(jQuery)、CSS、レスポンシブ、Photoshop(タイプのドット絵を作成) 詳しく見る

  • DVDFab 8の使い方・設定

    注意: 2012年10月1日から著作権法の一部が改正されます。「技術的保護手段」が施されたTV録画および市販のDVD・Blu-rayのコンテンツを複製する行為は、個人用途や家庭内利用の範囲から外され、違法となります。 Discの複製・変換を行う場合は、自作DVD・Blu-rayや家庭用ビデオカメラで個人的に撮影したデータなどで利用するようにして下さい。 DVDFab 8およびのDVDFab 8 Qtの使い方を解説したページです。 このページではフリー版だけでなく、有料版の各種DVDFabの機能も含めた使い方を紹介しています。(DVDFab 8およびDVDFab 8 Qtはほぼ同じ手順でDVDやブルーレイのコピーが可能です) DVDFab 8 Qtは、DVDやブルーレイのプロテクトを解析しHDDへコピーできるツールです。無料版のDVDFab HD Decrypterは、その下位バージョン的な

    DVDFab 8の使い方・設定
  • Flash Videoを公開する【Flash Videoとは】 [動画撮影・動画編集] All About

    Flash Videoを公開する【Flash Videoとは】 [動画撮影・動画編集] All About
  • 便利な動画ファイル変換ツール

    語以外のサイトも探してみると便利なツールが見つかることがあります。多種多様な動画ファイルを変換可能な万能ツール「SUPER ©(Simplified Universal Player Encoder & Renderer)」を紹介しましょう。ただし、記事中の内容や画像は執筆時の最新版だったv2006.build.17であり、その後のアップデートで変更されている部分もあるかもしれません。 ツールは、訪問したサイトの「SUPER ©」の「Download & use for free... 」をクリックし、「Download SUPER ©」をクリックして入ったページの下のほうにある「▼Download Now」をクリックするとダウンロード可能です。配布サイトが広告をクリックさせる目的なのか、コロコロとダウンロードページを変えたり、同じ手順でリンクを進んでいってもたどり着けないことがあるよ

  • Macで動画の再生速度を変換する [Mac OSの使い方] All About

    動画の再生速度を変更する あまり知られていませんが、QuickTimeプレイヤーを使えば、映像や音楽の再生速度を変更することができます。 動画を開いて、「ウインドウ - A/Vコントロールを表示」を実行するとパネルが表示され、そのパネルの右下に「再生速度」という項目があり、1/2倍速から3倍速まで変更できます。 しかし、動画の内容によってはもっともっと再生速度をあげたい場合があります。実は、この再生速度はAppleScirptを使うことで3倍速以上にすることができるのです。 QuickTime Playerのスクリプトを使う まずは、スクリプトエディタ(アプリケーション/AppleScirpt にあります)を起動してから、QuickTime Playerで目的の動画だけが開いた状態にします。次に以下のAppleScriptをスクリプトエディタ上で実行するだけ。たった3行ですので、怖がらずに

    Macで動画の再生速度を変換する [Mac OSの使い方] All About
  • 備忘録 / mov→flash(swf)にファイル変換

    拡張子MOV映像ファイルをFLASH(SWF)に変換する方法 変換に必要なソフトは Adobe Media Encoder CS4 と Adobe Flash CS4 Professional で、流れは以下の通り。 ① mov を flv に変換する Master Collection CS4からAdobe Media Encoderを起動する→追加をクリック→変換するmovファイルを指定してOK→プリセットと出力ファイルを確認→キューを開始→flvファイルが出来上がる。 ② flv を flash(swf) に変換して書き出す Flash CS4 Professionalを起動→ファイル(F)→開く(O)→flvファイルを指定してOK→画面サイズを合わせる為にドキュメントプロパティを開き、320×240 pixelを入力→制御(O)→再生(P)をクリックしてムービーの再生を行う→ファイ

  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • MOV(QuickTime)からAVIへの変換

    シンプルにMOVをAVIにする方法 QuickTime の MOV ファイルを AVI にする. あれこれツールを試すうちに,MOV2AVIに辿り着いた. 手始めに, QuickTime 4 以上を入れておこう. MOV2AVI Media Playerで再生できないような MOVファイルでも変換できるかも.コマンドラインから MOV2AVI ファイル名 -i のように実行するとGUIが出る.使い方は非常に直感的.コマンドラインで 用いる際のへルプは MOV2AVI -?[オプションのアルファベット] を使う.例えば, MOV2AVI -?c とすれば Codecの指定の仕方が分かる.んー,なるほど. MOV2AVI MOVファイル -c14 でCodecなしでAVIへ変換できるのか(環境によっては14ではないかも). MOV2AVI -w はWAVファイルだけ取り出すのか.なかなか高機能

  • デジカメ動画発信

    ■ はじめに デジカメ動画はビデオカメラに比べ、サイズもコンパクトでインターネットで公開するには最適の動画ライブラリーです。あなたのお気に入り旅行ビデオやお子さんの運動会の珍プレー好プレーがあなたの部屋で眠っていませんか?そんなベストシーンをパソコンに取り込めば、ずっと綺麗な状態でみんなに観たり聴いたりしてもらえます。このページでは、Windows Media Technologyを使ってあなたの音楽や映像をインターネットで公開する方法を紹介します。意外と簡単にできるのでぜひチャレンジしてください。 YouTube/ユーチューブを利用してデジカメ動画をブログに公開する方法は、こちらを参照してください。 ■ パーソナル放送としての活用法

  • 1