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

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

寻∝梦
リリース: 2018-08-31 17:21:18
オリジナル
5655 人が閲覧しました

この記事では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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート