ホームページ ウェブフロントエンド H5 チュートリアル html5埋め込みタグのloop属性の使い方は? embedタグの属性まとめ!

html5埋め込みタグのloop属性の使い方は? embedタグの属性まとめ!

Aug 31, 2018 pm 05:21 PM
embed html loop

この記事ではhtml5のembedタグのloop属性の詳しい使い方と、embedタグの属性の使い方の概要を紹介しています

まずはloopを理解しましょう。 HTML5 埋め込みタグの属性の使用法:

例:

<embed src="your.mid" autostart=true loop=100>
ログイン後にコピー

ループ再生、100 回ループすると、ほぼ無限ループになります

構文:loop=positive integer, 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>
ログイン後にコピー

HTML5 埋め込みタグの他の 6 つの属性の使用方法:

1. 自動再生:

構文: autostart=true、false

説明: これ属性は、ダウンロード後にオーディオ ファイルまたはビデオ ファイルを自動的に再生するかどうかを指定します。

  • tru​​e: ダウンロード後に音楽ファイルが自動的に再生されます。

  • false: ダウンロード後に音楽ファイルが自動的に再生されません。

例: コードは次のとおりです:

<embed src="your.mid" autostart=true>
<embed src="your.mid" autostart=false>
ログイン後にコピー

2. パネル表示:

構文: hidden=ture、no

説明: この属性は、コントロール パネルを表示するかどうかを指定します。デフォルト値は no です。 。

  • チャー: パネルを非表示にします。

  • いいえ: パネルを表示します。

例: コードは次のとおりです:

<embed src="your.mid" hidden=ture>
<embed src="your.mid" hidden=no>
ログイン後にコピー

3. ボリューム サイズ:

構文: volume=0 ~ 100 の整数

説明: この属性はオーディオ ファイルまたはビデオ ファイルのボリューム サイズを指定します。 。定義されていない場合は、システム独自の設定が使用されます。

例: コードは次のとおりです:

<embed src="your.mid" volume="10">
ログイン後にコピー

4. 外観設定:

構文:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever説明:この属性は、コントロール パネルの外観を指定します。デフォルト値はコンソールです。

  • コンソール: 通常のパネル;

  • 再生ボタンのみが表示されます。

  • 一時停止ボタンのみが表示されます。

    stopbutton: 停止ボタンのみを表示します。

  • volumelevelever: 音量調整ボタンのみを表示します。

  • 例: コードは次のとおりです:

    <embed src="your.mid" controls=smallconsole>
    <embed src="your.mid" controls=volumelever>
    ログイン後にコピー
  • 5. 前景色と背景色:

  • 構文: パレット=カラー|カラー

説明: この属性は、埋め込まれたオーディオの前景色と背景色を表します。またはビデオ ファイルの場合、最初の値は前景色、2 番目の値は背景色で、 | で区切られます。色には、RGB カラー (RRGGBB)、色の名前、または透明を指定できます。

例: コードは次のとおりです:

<embed src="your.mid" palette="red|black">
ログイン後にコピー

6. 配置:

構文: align=top、bottom、center、baseline、left、right、texttop、middle、absmiddle、absbottom

説明: この属性パネル内のオブジェクトの配置と現在の行のコントロールを指定します。

center: コントロールパネルが中央にあります;

left: コントロールパネルが左側にあります;

  • top: コントロールパネルが右側にあります。コントロール パネルの下部は、現在の行の一番上のオブジェクトの上部です。

  • bottom: コントロール パネルの下部は、現在の行のオブジェクトのベースラインと位置合わせされます。

  • baseline: 下部コントロール パネルの上部はテキストのベースラインに合わせられます。

  • texttop: コントロール パネルの上部が現在のテキストに合わせられます。 行内の最も高いテキストが上部に揃えられます。

  • middle: 中央に配置されます。コントロール パネルの中央を現在の行のベースラインに揃えます。

  • absbottom : コントロール パネルの中央を現在のテキストまたはオブジェクトの中央に揃えます。テキストの下部にあるパネル。

  • 例: コードは次のとおりです:

    <embed src="your.mid" align=top>
    <embed src="your.mid" align=center>
    ログイン後にコピー
    さて、HTML5 埋め込みタグのループ属性とその他の属性の使用に関するこの記事はここで終わります (さらに詳しく知りたい場合は、PHP 中国語 Web サイトにアクセスしてください) 、便利です。プログラミング コースの Web サイトはたくさんあり、学びたいことはすべてそこにあります)。質問がある場合は、以下で質問できます。
  • 【編集者のおすすめ】

  • HTMLのolタグからラベルを削除するには?
      タグの使い方まとめ

    1. HTMLのulタグからドットを削除するには? HTMLの順序なしリストのスタイル分析例

    2. 以上がhtml5埋め込みタグのloop属性の使い方は? embedタグの属性まとめ!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles