検索
ホームページウェブフロントエンドH5 チュートリアルなぜ HTML5 がオンラインビデオを席巻するのでしょうか?

テープ、CD、フラッシュなどのメディアにはすべてプレーヤーが必要です。これらのメディアは消滅しつつあるか、すでに消滅しています。音楽をより効率的に再生する方法としてテープが CD に置き換わったのと同じように、デジタル ファイルが CD に置き換わります。同様に、HTML5 によって Flash も過去のものになるでしょう。

なぜ HTML5 がオンラインビデオを席巻するのでしょうか?

HTML5 と Flash の対立は、Web 開発者の間で長年にわたってホットな話題でしたが、どちらの側に立っても、HTML5 がビデオや Web サイトに与える影響が現実のものであることは否定できません。

オンラインビデオの場合、HTML5 には Flash にできない 2 つの機能があります。モバイル機能とセマンティック マークアップです。モバイル エンゲージメントの成長、エンターテイメント、広告、ショッピング向けのインタラクティブ ビデオの急増、およびすべてのテクノロジーを組み合わせて次世代の Web サイトを作成する HTML5 のオープン アーキテクチャにより、Flash はついに「廃止されたテクノロジー」の仲間入りを果たします。

Mobile Kills Flash Stars

HTML5 が業界に導入されて以来、モビリティはこの出版言語の最大の利点の 1 つとして宣伝されてきました。多くの iOS および Android デバイスは Flash をサポートしていないため、Flash は PC によってより制限されます。市場調査データによると、PC 出荷台数は 2011 年から 2013 年の間に 10% 減少しました。

IAB.net のデータによると、米国の人口の半分はインターネットにアクセスできる携帯電話を所有しており、Web 閲覧の 1/5 はモバイル デバイスで行われており、これらのデータは毎月増加し続けるでしょう。対照的に、Flash インタラクティブ ビデオを作成する企業は、ビデオをモバイル デバイスで実行できないため、多くのユーザーを失っています。

たとえば、歌手ボブ・ディランの人気インタラクティブビデオ「ライク・ア・ローリング・ストーン」は、何百万人もの PC 視聴者がテレビのようなインターフェイスを通じてビデオを共有しました。ただし、携帯電話やタブレットでビデオを開くユーザー エクスペリエンスはそれほど快適ではありません。 Android ユーザーは PC で完全なビデオを体験するように求めるリマインダー メッセージを受け取りましたが、iOS ユーザーはアプリをダウンロードするように求められました。また、このビデオは携帯電話やタブレットの Web ブラウザーで繰り返し再生することはできません。

Web ブラウジングの 1/5 がモバイル クライアントで行われる場合、ユーザーの 1/5 がモバイル デバイスでビデオ Web サイトにログインするときに、断片的なユーザー エクスペリエンスに耐えなければならないことになります

広告業界やショッピング業界も同様の影響を受け始めています。オンラインビデオにおけるモバイルの重要性とFlashテクノロジーの限界に注意してください。

米国インタラクティブ広告局 (IAB) は最近、広告主に公開書簡を発行し、この書簡には AOL、コンデナスト、フォーブス、グーグル、ニューヨーク タイムズ、ウォール ストリート ジャーナルを含む数社も署名しました。大手出版社や企業から発売されています。彼らはマーケティング担当者に対し、モバイル広告に HTML5 標準を実装して、広告をさまざまなプラットフォームで実行できるようにするよう求めています。この書簡では、有料広告が「すべての画面に完璧に表示される」ことを保証するためには、モバイル端末と互換性のある技術フォーマットで広告を開発する必要があると述べている。 「そして、オープンな業界標準のユニバーサル形式は HTML5 です。」と手紙には書かれています。

Sizmek の年次グローバルベンチマークレポート「Breaking Boundaries: User Engagement Goes Global」では、HTML5 テクノロジーを使用したモバイルフレンドリーなフォーマットへの移行が、2013 年のデジタル広告業界における最も重要な変化の 1 つであると述べられています。

このレポートは、2013 年の世界中の 9,130​​ 億件の広告インプレッションを調査することにより、モバイル広告の重要な傾向を明らかにします。同レポートではまた、画面間のシームレスな切り替えを保証するために業界がより厳格な出版基準を採用しているため、HTML5 形式のデジタル広告は 2014 年も引き続き成長すると予想されていると述べています。

さまざまなプラットフォームで広告を再生することは、主流のパブリッシャーにとってだけでなく、ユーザーにとっても非常に重要であり、広告をクリックして商品を購入するのに手間がかからず便利です。ただし、Flash テクノロジーの制限により、ユーザーは不快に感じることがあります。

最近オンライン ショッピングでイライラした経験の中で、当社のマーケティング担当副社長は iPad を使用して Amazon で掃除機を見つけようとしました。 400 ドル以上する製品を買おうとした矢先、Flash プラグインがないため、この製品のビデオを再生できませんでした。アマゾンもこれで注文を失った。

では、なぜ Amazon のビデオは HTML5 テクノロジーを使用しないのでしょうか?

はい、開発者はこの新しい標準に適応するのに苦労しているかもしれませんが、Flash 開発の難易度が HTML5 よりもはるかに低いことは間違いありません。

デジタル変革のトレンド

市場調査会社 Forrester は、「エンタープライズ モビリティの向上: 将来の開発、配信、エンゲージメントのニーズに対応する将来のテクノロジー」と題したレポートで、HTML5 アプリケーションの開発時間は 59% 以上かかると予想されていると述べています。余った時間は主に、いくつかの技術的な問題をテストしたり解決したりするために使用されます。

HTML5自体は完璧ではなく、まだ開発の初期段階にあります。幸いなことに、才能のあるテクノロジー企業は、SaaS プラットフォームを使用してこれらの技術的問題の解決に注力しています。開発者は創造性だけに集中する必要があります。

たとえ技術的な困難があっても、企業やゲーム開発者の熱意を止めることはできません。オープンソース Web アプリケーション フレームワーク プロバイダーである Sencha が発表したレポートによると、エンタープライズ アプリケーション開発者の 60% 以上が HTML5 およびハイブリッド テクノロジに移行し始めており、HTML5 およびハイブリッド テクノロジ開発者の 70% 以上がさらに HTML5 テクノロジを採用していると述べています。今年。

恩恵を受けるのはモバイルビデオだけではありません

ゲーム業界では、HTML5 テクノロジーに基づいたゲームも急成長しています。オランダの Spil Games は HTML5 テクノロジーの道を歩んでいます。同社は今年末までに 1,000 以上の HTML5 ゲームをリリースする予定です。 Spil Games は Web サイトで 5,000 以上の Flash ゲームを公開していますが、タブレットや携帯電話では実行できません。

ブログ Digital Buzz が発表したデータによると、iOS および Android デバイスの使用時間の 32% がゲームのプレイに費やされています。

HTML5 テクノロジーの助けを借りて、開発者はすべてのデバイスで実行できるゲームを作成できます。 Google が Google Chrome の実験や Canvas などの Web サイト テクノロジーを使って作成したものを見てください。

HTML5 のもう 1 つの利点: 検索エンジンの最適化

Flash に対する HTML5 の最も重要な利点はモビリティですが、セマンティック構造における HTML5 の機能的利点もインタラクティブビデオにとって同様に重要です。

Webクローラーや検索エンジンはFlashの内部を見ることができません。 Flash は密閉されたコンテナであり、誰もその中を覗くことはできません

なぜこれが重要なのでしょうか?インタラクティブ ビデオのセマンティック構造を使用すると、HTML5 を活用して、Web クローラーが理解できるプロジェクトを作成できます。しかし、Flash が提供できるのはブラック ボックス、つまり追加情報のない Flash ビデオだけです。

意味構造に従ってビデオを作成すると、ウェブロボットがあらゆる特徴的なビデオクリップをクロールできるようになります。タグなどの標準的な Web ビデオが持つ情報を取得するため、ビデオは検索結果でどんどん上位にランクされます。

HTML5技術を採用していないコンテンツ制作者はすでに遅れをとっており、HTML5標準を実装しなければすぐに取り残されることになるでしょう。良いニュースとしては、一部の企業は技術的な障害なしに HTML5 の最大の利点を引き出すことに重点を置いているということです。 Flash がオンライン ビデオの主流のテクノロジーであると依然として考えているメーカーは、よく考えるべきです。


声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
html5的div一行可以放两个吗html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素,一个元素会独占一行,两个div默认无法在同一行显示;但可以通过给div元素添加“display:inline;”样式,将其转为行内元素,就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别:1、表格主要是用于显示数据的,而列表主要是用于给数据进行布局;2、表格是使用table标签配合tr、td、th等标签进行定义的,列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法:1、使用header标签定义文档头部内容,并添加“position:fixed;top:0;”样式让其固定不动;2、使用footer标签定义尾部内容,并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有:1、acronym,用于定义首字母缩写,可用abbr替代;2、basefont,可利用css样式替代;3、applet,可用object替代;4、dir,定义目录列表,可用ul替代;5、big,定义大号文本等等。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

html5为什么只需要写doctypehtml5为什么只需要写doctypeJun 07, 2022 pm 05:15 PM

因为html5不基于SGML(标准通用置标语言),不需要对DTD进行引用,但是需要doctype来规范浏览器的行为,也即按照正常的方式来运行,因此html5只需要写doctype即可。“!DOCTYPE”是一种标准通用标记语言的文档类型声明,用于告诉浏览器编写页面所用的标记的版本。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール