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 カスタムディレクティブの詳細

推薦する

モバイルの赤い封筒の雨機能ページを実装するための JavaScript HTML

この記事の例では、モバイル紅包雨機能ページを実現するためのHTMLの具体的なコードを共有しています。...

Vue.js で AntV X6 を使用する手順の例

目次0x0 はじめに0x1 インストール0x2 ノードサイドバー0x3 統合例0x0 はじめにプロジ...

Bash の山括弧の深い理解 (初心者向け)

序文Bash には、ls、cd、mv などの重要な組み込みコマンドが多数あるほか、grep、awk、...

MySQL トリガー: トリガーの作成と使用

この記事では、例を使用して MySQL トリガーの作成と使用について説明します。ご参考までに、詳細は...

Vue での bimface の使用に関する詳細

目次1. Vue スキャフォールディングをインストールする2. プロジェクトを作成する3.1 プロジ...

詳細なハードウェア情報を取得するための Linux のいくつかのコマンドの詳細な説明

Linux システム、特にサーバー システムでは、デバイスのハードウェア情報を表示する必要がよくあり...

Node.jsがES6モジュールを処理する方法の詳細な説明

目次1. 2つのモジュールの違い2. Node.jsとの違い3. CommonJSモジュールの読み込...

スネークゲームのアイデアを実現するためのJavaScript

JavaScriptゲームSnakeの実装アイデア(完全なコード実装)を参考までに説明します。具体...

効率をN倍に高めるVimクイックリファレンステーブル15個

昨年の前半から開発と娯楽のために Linux を使い始めましたが、今では Windows には戻れま...

Ubuntu 18.04 に VMware Tools をインストールする際のエラーを解決する

1. オンライン チュートリアルによると、Ubuntu 18.04 のインストールはまだ失敗します。...

MySQLのSQL文はインデックスを使用しません

インデックス集約を使用しない MySQL クエリご存知のとおり、インデックスを追加することはクエリ速...

W3C チュートリアル (8): W3C XML スキーマのアクティビティ

XML スキーマは、DTD に代わる XML ベースのものです。 XML スキーマは、DTD に代わ...

HTML のセルパディングとセルスペース属性を図で説明します

セル - 表の内容 セルの余白 (表の余白) (cellpadding) - セルの外側の距離を表し...

HTML ページ ヘッダー コード例の詳細な説明

知識ポイント1: ヘッダー情報にWebページのベースURLを設定するベース URL の本質は、ハイパ...

Zookeeperスタンドアロン環境とクラスタ環境の構築

1. 単一マシン環境の構築# 1.1 ダウンロードZookeeper の対応するバージョンをダウンロ...