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

推薦する

Linux システムで MySQL の文字セットを UTF8 に変更する手順

目次1. データベース内の MySQL ステータスを確認します。 2. 設定ファイルを変更します。 ...

史上最もクリエイティブな404ページのデザインは、ウェブサイトのユーザーエクスペリエンスを効果的に向上させます

ウェブを閲覧しているときに 404 ページに遭遇することはあまりないので、見落としがちです。しかし、...

JS配列の一般的な方法とテクニックを学び、マスターになりましょう

目次splice() メソッドjoin() メソッド逆() メソッドevery() メソッド削減()...

初心者向けに Docker に Jenkins をインストールする方法を詳しく説明したチュートリアル

Jenkins はオープンソース ソフトウェア プロジェクトです。Java をベースに開発された継続...

ウェブデザインでは、まずウェブサイトの包括的なイメージの位置付けが必要です。

⑴ 内容によって形式が決まります。まず内容を充実させ、次にブロックに分割し、トーンを決め、最後に細部...

CentOS7 で jar アプリケーションの起動を設定する方法

プロジェクトの展開中に遭遇した落とし穴Zhihudemo を展開する際、Jenkins などの自動展...

mysql 計算関数の詳細

目次2. フィールドの連結2. MySQL関数の例をいくつか挙げてください。 2.1 シンボル処理2...

Linux システムでの CPU 使用率が高い場合のトラブルシューティングのアイデアと解決策

序文Linux 運用保守エンジニアとして、日々の業務の中で Linux サーバーの CPU 負荷が ...

NodeとPythonの双方向通信実装コード

目次プロセスコミュニケーションプロセス間の双方向通信問題要約するサードパーティのデータ サプライヤー...

Ubuntu 20.04 オペレーティング システムの VMware インストール チュートリアル図

メモ: とにかく体験してみましょう。記録: NO.209この例の環境:仮想マシン: vmwareオペ...

Zabbix パスワードをリセットする方法 (ワンステップ)

問題の説明長い間アカウントパスワードを入力して Zabbix にログインしていないため、管理者パスワ...

MySQL 基本チュートリアル パート 1 MySQL5.7.18 のインストールと接続チュートリアル

この記事から、MySQL を紹介し学習するための新しい一連の記事がスタートします。なぜ MySQL ...

MYSQL ロック解除とロックテーブルの紹介

MySQL ロックの概要他のデータベースと比較すると、MySQL のロック メカニズムは比較的単純で...

Matlab による JavaScript プログラミング、重心アルゴリズムによる位置決め学習

目次Matlab セントロイドアルゴリズムMatlab はクローズドな商用ソフトウェアであり、米国政...

js を使用して過去 1 週間、1 か月、3 か月の時間を取得する簡単な例

目次過去1週間の時間を取得する過去1か月の時間を取得する過去3か月分を取得新しい Date() と ...