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

推薦する

HTML で水平ナビゲーション構造を設定する方法

この記事では、主にリスト構造を使用して水平ナビゲーション構造を設定する 2 つの方法を紹介します。こ...

MySQL 5.7.10 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)

MySQL は比較的使いやすいリレーショナル データベースです。今日は、win10 システムを再イ...

MySQL 5.7 でデータベースのデータ保存場所を変更する方法

MySQL データベースに保存されるデータが徐々に増加すると、元のストレージ領域がいっぱいになり、M...

MySQL 8.0.19 winx64 インストールチュートリアルと Windows 10 での初期パスワードの変更

この記事では、参考までにMySQL 8.0.19 winx64のインストールチュートリアルを紹介しま...

MySQL の詳細な単一テーブルの追加、削除、変更、クエリの CRUD ステートメント

MySQL の追加、削除、変更、クエリステートメント1. 練習シートを作成するここでの練習表は3つの...

Windows での MySQL の使用: 自動スケジュールバックアップの実装

1. バックアップスクリプトを書く 著者:www.yumi-info.com 日付:20171222...

CentOS 7.2 は uniapp プロジェクトを展開するための nginx Web サーバーを構築します

Pantherは新人としてスタートし、今もまだ新人ですが、人々から学び、学んだことを時々皆さんと共有...

Linuxの同時実行は簡単です。このようにするだけです

並行処理関数 i の `grep server /etc/hosts | awk '{pri...

Docker のホスト間コンテナ通信オーバーレイ実装プロセスの詳細な説明

サーバーも 2 つあります。準備:コンテナのホスト名を設定する consul: kv タイプのストレ...

React で複数の setStates が何回呼び出されるのでしょうか?

目次1. 2 つの setState を何回呼び出すのですか? 2. 2 つの setState の...

Windows に MySQL 5.7.18 の解凍バージョンをインストールするチュートリアル

1. インストールプロセスMySQL バージョン: 5.7.18 1. my.ini ファイル(簡易...

Linux での Redis の永続性、マスター スレーブ同期、Sentinel の詳細な説明

1.0 Redis の永続性Redis はメモリ内データベースです。サーバー プロセスが終了すると、...

Linux Jenkins 構成スレーブノード実装プロセス図

序文: Jenkins のマスター スレーブ分散アーキテクチャは、主に、Jenkins に単一ポイン...

html+cssレイアウトの3つの方法(ナチュラルレイアウト/フローレイアウト/ポジショニングレイアウト)

1. 自然なレイアウト<br />レイアウトは変更せずに自動的に左揃えになります。 2....

ウェブページのドロップダウンリストとdivレイヤーのカバーの問題を選択する

HTML の select 要素に関する質問は、さまざまな場所で提起されています。最近のプロジェクト...