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

推薦する

MySQL Community Server 5.6.39 のインストール方法

この記事では、MySQLのダウンロードとインストールの詳細なチュートリアルを記載しています。具体的な...

H5ゲームをnginxサーバーにデプロイする方法の詳細な説明

自己学習型ゲーム開発の道において、最も充実した瞬間は、自分でミニゲームを作り、友達と共有して試しにプ...

VMware Workstation 14 Pro は CentOS 7.0 をインストールします

VMware Workstation 14 ProにCentOS 7.0をインストールする具体的な方...

リアルタイムコンピューティングフレームワークFlinkクラスタの構築と動作メカニズムについての簡単な説明

目次1. Flinkの概要1.1 基本的な紹介1.2 アプリケーションシナリオ2. 環境の展開2.1...

HTML TextArea でのフォーマット保存の問題の解決方法

textarea の形式は保存時にデータベースに保存できますが、表示時には /n と相互に変換できな...

Bash スクリプトでの配列メソッドの作成と使用の概要

Bashで配列を定義するbash スクリプトで新しい配列を作成する方法は 2 つあります。 1 つ目...

Linux 上での MySQL データベースのリモート展開の詳細な手順

LinuxリモートMySQLデータベースの展開、参考までに、具体的な内容は次のとおりです。 1.0 ...

設定操作からMySQLへのNULLが見つからない問題を解決する

興味深い発見:合計 1000 件のレコードを含むテーブルがあります。クエリ ステートメントは次のよう...

モバイルウェブサイトの開発に関するいくつかの結論

ウェブサイトのモバイル版には、少なくともいくつかの基本機能が必要です。 1. ページの適用性の問題:...

Vue3 Vue イベント処理ガイド

目次1. 基本的なイベント処理2. 親コンポーネントにカスタムイベントを送信するマウス修飾子4. キ...

Zabbix を使用して ogg プロセスを監視する (Windows プラットフォーム)

この記事では、Windows プラットフォームで ogg プログラムを監視する方法を紹介します。 (...

CSSを使用してファイルアップロードパターンを描画する

以下に示すように、あなたならどのようにそれを達成しますか: 通常、フォントアイコンを使用して中央にプ...

CSSとHTMLを組み合わせる4つの方法

(1)各HTMLタグには属性スタイルがあり、CSSとHTMLを組み合わせている。 <div s...

MySQL が自動的に再起動する問題の解決方法

序文最近、テスト環境で MySQL データベースが自動的に再起動し続ける問題が発生しました。原因は、...

ログインフォームを実装するためのJavaScript

この記事の例では、ログインフォームを実装するためのJavaScriptの具体的なコードを参考までに共...