属性のコンテンツは、スクリーンリーダーがその属性が含まれる要素にフォーカスを当てたときに読み上げられるようになっています。用意されており、動画が再生されているときの経過時間を報告します。つの報告メカニズムを指定しています。完成品がどのようなものかを知るには、完成版をご覧ください。ファイルを開き、中を見てみましょう。それほど複雑なものではありませんが、ここでは最も興味深い部分を強調することにします。スタイル設定に注目してください。設定した状態から開始します。読み込まれなかった場合でも、ユーザーがネイティブのコントロールを使って動画を使用できるようにするためです。設定しているため、動画を視聴しているときにコントロールが邪魔になることはありません。プレーヤの上にカーソルを置いたり、フォーカスを当てたりしたときだけ、コントロールが完全に不透明な状態で現れます。flex)を使用してレイアウトすることで、作業を容易にします。次に、ボタンのアイコンを見てみましょう。ブロックを使用して、カスタムウェブフォントをインポートしています。これはアイコン用のフォントで、アルファベットのすべての文字が、アプリケーションで使用したい一般的なアイコンに相当します。次に、生成コンテンツを使用して、各ボタンにアイコンを表示します。要素の前にコンテンツを表示するために、使用しています。属性のコンテンツと等しくなるよう設定しています。使用して、カスタムウェブフォントを適用しています。実際には「再生」アイコンであるため、再生ボタンには「再生」アイコンが保有されています。アイコンフォントは多くの理由でとてもクールです。ようにテキストのプロパティを使用してスタイルを設定することも可能だからです。持つように設定して、コントロールバーの幅のほとんどを受け取れるようにしています。要素の境界線ではなく、その境界線に従って内側の要素を便利に配置できるようにします。上に直接置かれるように絶対配置されます。指定されているため、まったく見えません。よって幅が拡大されます。タイマーバーの左側付近に絶対的な位置が決まっています。その下に表示されるようにしました。することで、すべての情報が見えるようになり、あるボックスが他のボックスを隠してしまうことがなくなります。インターフェイスがあります。あとは、すべてのボタンを配線して、コントロールが動作するように取得するだけです。