タグ

html5に関するsilossowskiのブックマーク (2)

  • <video> タグと <source> タグ  |  Articles  |  web.dev

    <video> タグと <source> タグ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 ウェブ用に適切に動画ファイルを準備している。正しいサイズと 解像度が設定されましたブラウザごとに異なる WebM ファイルと MP4 ファイルも作成しています。 動画を他のユーザーが視聴できるようにするには、動画をウェブページに追加する必要があります。そのためには、<video> 要素と <source> 要素という 2 つの HTML 要素を追加する必要があります。この記事では、これらのタグの基に加えて、優れたユーザー エクスペリエンスを構築するためにタグに追加する必要がある属性についても説明します。 単一のファイルを指定する おすすめはしませんが、video 要素を単独で使用することもできます。次に示すように、常に type 属性を使用してください。ブラウ

  • ウェブでの新しいお金の払い方 - Web Payments と Payment Request API について

    前回の記事では、フォームを最適化することでウェブの決済フローを改善するアイディアについて書きましたが、今回は新しい標準 API を使ったアプローチについて書きます。 見た目にも違いが分かりやすいものですので、まずはこちらをご覧ください。 デモはこちらからお試し頂けます (実際に商品を購入することはできません。また、クレジットカードなどの情報がサーバーに渡されることはありません)。 これまで使われていたフォームの代わりに、支払い専用のユーザーインターフェースが使われていることにお気付きと思います。実はこの UI はウェブサイトが用意したものではなく、ブラウザが提供するもので、サイト管理者はこれを呼び出すことにより、従来のフォームよりも手軽に、正確な支払情報をユーザーから提供してもらうことが可能になります。今回ご紹介するのはこれを実現する Payment Request API についてです。

    ウェブでの新しいお金の払い方 - Web Payments と Payment Request API について
  • 1