HTML埋め込みタグの使用方法と属性の詳細な説明

HTML埋め込みタグの使用方法と属性の詳細な説明

1. 基本的な文法


コードをコピー
コードは次のとおりです。

埋め込み src=url

注: 埋め込みはさまざまなマルチメディアを挿入するために使用できます。形式は Midi、Wav、AIFF、AU、MP3 などです。Netscape および IE の新しいバージョンはこれをサポートしています。 url はオーディオまたはビデオ ファイルとそのパスであり、相対パスまたは絶対パスにすることができます。

例:

コードをコピー
コードは次のとおりです。
<埋め込み src="your.mid">

2. 属性設定

1. 自動再生:

構文: autostart=true, false
説明: このプロパティは、ダウンロード後にオーディオ ファイルまたはビデオ ファイルを自動的に再生するかどうかを指定します。
true: 音楽ファイルはダウンロード後に自動的に再生されます。
false: 音楽ファイルはダウンロード後に自動的に再生されません。
例:

コードをコピー
コードは次のとおりです。

<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>


2. ループ再生:

構文: loop=正の整数、true、false
説明: このプロパティは、オーディオ ファイルまたはビデオ ファイルをループするかどうか、およびループ回数を指定します。
属性値が正の整数の場合、オーディオ ファイルまたはビデオ ファイルのループ数は正の整数値と同じになります。
プロパティ値が true の場合、オーディオまたはビデオ ファイルはループします。
プロパティ値が false の場合、オーディオ ファイルまたはビデオ ファイルはループしません。

例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" autostart=true loop=2>
<embed src="your.mid" autostart=true loop=true>
<embed src="your.mid" autostart=true loop=false>

3. パネル表示:

構文: hidden=true,no
説明: このプロパティは、コントロール パネルを表示するかどうかを指定します。デフォルト値は no です。
true: パネルを非表示にします。
no: パネルを表示します。

例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" hidden=true>
<embed src="your.mid" hidden=no>

4. 開始時間:

構文: starttime=mm:ss (分:秒)
説明: この属性は、オーディオまたはビデオ ファイルの再生が開始される時間を指定します。定義されていない場合は、ファイルの先頭から再生します。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" starttime="00:10">

5. 音量:

構文: volume=0 ~ 100 の整数。説明: この属性は、オーディオ ファイルまたはビデオ ファイルの音量を指定します。定義されていない場合は、システム独自の設定が使用されます。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" volume="10">


6. コンテナのプロパティ:

構文: 高さ=# 幅=#
注: 値はピクセル単位の正の整数またはパーセンテージです。このプロパティは、コントロール パネルの高さと幅を指定します。
高さ: コントロールパネルの高さ。
width: コントロール パネルの幅。
例:

コードをコピー
コードは次のとおりです。
<埋め込み src="your.mid" 高さ=200 幅=200>

7. コンテナユニット:

構文: 単位=ピクセル,en
説明: このプロパティは、高さと幅をピクセルまたは en 単位で指定します。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" 単位="ピクセル" 高さ=200 幅=200>
<embed src="your.mid" 単位="en" 高さ=200 幅=200>


8. 外観設定:

構文: controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 説明: このプロパティは、コントロール パネルの外観を指定します。デフォルト値はコンソールです。
コンソール: 一般的な通常パネル。
smallconsole: 小さいパネル。
playbutton: 再生ボタンのみを表示します。
pausebutton: 一時停止ボタンのみを表示します。
stopbutton: 停止ボタンのみを表示します。
volumelever: 音量調整ボタンのみが表示されます。

例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" controls=smallconsole>
<embed src="your.mid" controls=volumelvever>


9. オブジェクト名:

構文: name=#
注: # はオブジェクトの名前です。このプロパティは、他のオブジェクトが使用できるようにオブジェクトに名前を付けます。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" name="ビデオ">

10. 説明:

構文: title=#
説明: # は説明のテキストです。この属性は、オーディオまたはビデオ ファイルの説明テキストを指定します。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" title="最初の曲">

11. 前景色と背景色:

構文: パレット=色|色
説明: このプロパティは、埋め込まれたオーディオ ファイルまたはビデオ ファイルの前景色と背景色を表します。最初の値は前景色、2 番目の値は背景色で、| で区切られます。 color は RGB カラー (RRGGBB)、色名、または透明にすることができます。
例:

コードをコピー
コードは次のとおりです。
<embed src="your.mid" パレット="赤|黒">


12. アライメント:

構文: align=top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom
説明: このプロパティは、コントロール パネルと現在の行のオブジェクトの配置を指定します。
center: コントロール パネルは中央に配置されます。
左: コントロール パネルは左側にあります。
右: コントロール パネルは右側にあります。
top: コントロール パネルの上部は、現在の行の最も高いオブジェクトの上部に揃えられます。
bottom: コントロール パネルの下部は、現在の行のオブジェクトのベースラインに揃えられます。
ベースライン: コントロール パネルの下部はテキストのベースラインに揃えられます。
texttop: コントロール パネルの上部が、現在の行の最も高いテキストの上部に揃えられます。
middle: コントロール パネルの中央が現在の行のベースラインに揃えられます。
absmiddle: コントロール パネルの中央が現在のテキストまたはオブジェクトの中央に揃えられます。
absbottom: コントロール パネルの下部がテキストの下部に揃えられます。

例:

コードをコピー
コードは次のとおりです。
<埋め込み src="your.mid" align=top>
<埋め込み src="your.mid" align=center>

<<:  CSS3を使用してオンラインライブ放送に似たキューアニメーションを実装する方法

>>:  vue3 カスタムディレクティブの詳細

推薦する

CSSを使用してダークモードとブライトモードを切り替える

Web Skills第5号では、CSSでダークモードやハイライトモードを実装するための技術的なソリュ...

DockerでLNMPアーキテクチャを展開する方法

環境要件: IPホスト名192.168.1.1ノード1プロジェクト計画:コンテナネットワークセグメン...

CentOS7 に MySQL データベースをインストールしてデバッグする詳細な手順 [例]

この例では、デバッグ用の MySQL データベースをダウンロードしてインストールする必要があります。...

MySQLデータストレージプロセスパラメータの詳細な例

MySQL ストアド プロシージャ パラメータには、in、out、inout の 3 種類があります...

mysql 更新ケース更新フィールド値が固定されていない操作

特定のデータの一括更新処理において、特定のステータスが固定値に更新されるなど、更新するフィールドの値...

5分でDockerを使ってRedisのクラスターモードとセンチネルモードを構築する方法を教えます

目次1. 準備Redisイメージを取得する2. Redis Sentinel マスタースレーブモード...

プレーヤー機能を実現するためのvue + element uiのサンプルコード

効果画像のない表示は単なる空虚な言葉です。 1. オーディオをベースにし、elementUI と組み...

ウェブデザインにおけるキーワード設計手法の紹介

多くの場合、ホームページを作成するときに、Web ページ ヘッダー属性の設定を無視します。 Web ...

チェックボックスの不確定プロパティの使用の紹介

Windows XP でフォルダーのプロパティ ダイアログ ボックスを使用すると、フォルダーの属性カ...

CSSの2つの特別な値は、カスケードの継承と初期メソッドを制御するために使用されます。

カスケードを制御するために CSS の任意のプロパティに割り当てることができる特別な値が 2 つあり...

Spring Cloud での Docker デプロイメントに jib を使用する詳細な手順

ジブの紹介Jib は Google が開発した、Java アプリケーションの Docker および ...

Nginx と Lua を使用した JWT 検証の概要

目次序文Lua スクリプトnignx.conf の設定Dockerfileの設定序文データベースやそ...

Windowsタイムサーバーの設定方法の詳しい説明

最近、会社のサーバーの時間が不正確で、外部の時間ソースと同期できないことがわかりました。会社はドメイ...

Vue3デスクトップアプリケーションの構築方法

この記事では、Vite を使用して Vue 3 デスクトップ プロジェクトを開発する方法について説明...

写真とテキストによる MySQL 8.0.11 インストール チュートリアル

インターネット上には多くのチュートリアルがありますが、基本的には同じです。ただし、細かい原因でソフト...