aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/htmlmediaelement/autoplay
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/htmlmediaelement/autoplay
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/ja/web/api/htmlmediaelement/autoplay')
-rw-r--r--files/ja/web/api/htmlmediaelement/autoplay/index.html92
1 files changed, 92 insertions, 0 deletions
diff --git a/files/ja/web/api/htmlmediaelement/autoplay/index.html b/files/ja/web/api/htmlmediaelement/autoplay/index.html
new file mode 100644
index 0000000000..d7a8a29659
--- /dev/null
+++ b/files/ja/web/api/htmlmediaelement/autoplay/index.html
@@ -0,0 +1,92 @@
+---
+title: HTMLMediaElement.autoplay
+slug: Web/API/HTMLMediaElement/autoplay
+tags:
+ - API
+ - Audio
+ - HTML DOM
+ - HTMLMediaElement
+ - Media
+ - Property
+ - Video
+ - Web
+ - autoplay
+translation_of: Web/API/HTMLMediaElement/autoplay
+---
+<p>{{APIRef("HTML DOM")}}</p>
+
+<p><span class="seoSummary"><strong>HTMLMediaElement.autoplay</strong> プロパティは、 HTML の {{htmlattrxref("autoplay", "video")}} 属性を反映しています。 これは、中断することなく十分なメディアが使用可能になった時点で再生を自動的に開始するかどうかを示します。</span></p>
+
+<p>ソースが {{domxref("MediaStream")}} で <code>autoplay</code> プロパティが <code>true</code> のメディア要素は、アクティブになると(つまり、{{domxref("MediaStream.active")}} が <code>true</code> になると)再生を開始します。</p>
+
+<div class="note">
+<p><strong>注</strong>: 自動的に音声(または音声トラックを含む動画)を再生するサイトは、ユーザーにとって不快な経験になる可能性があるため、可能な限り避けるべきです。 自動再生機能を提供する必要がある場合は、オプトインする必要があります(ユーザーに明確に有効にするよう要求する)。 ただし、自動再生は、ソースが後でユーザーの制御下で設定されるメディア要素を作成するときには便利です。</p>
+</div>
+
+<p>自動再生、自動再生のブロック、およびユーザーのブラウザーによって自動再生がブロックされた場合の対応方法についての詳細は、<a href="/ja/docs/Web/Media/Autoplay_guide">メディアおよびウェブオーディオ API の自動再生ガイド</a>を参照してください。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox"><em>HTMLMediaElement</em>.autoplay = true | false;
+
+var <em>autoplay</em> = <em>HTMLMediaElement</em>.autoplay;</pre>
+
+<h3 id="Value" name="Value">値</h3>
+
+<p>{{jsxref("Boolean")}} で、中断することなく再生できるように十分なコンテンツが読み込まれると同時にメディア要素が再生を開始する場合、この値は <code>true</code> です。</p>
+
+<div class="note">
+<p><strong>注</strong>: 一部のブラウザーでは、ユーザーに無断でまたはバックグラウンドで破壊的な音声または動画が再生されるのを防ぐために、 <code>autoplay</code> を無効にすることができます。 <code>autoplay</code> が実際に再生を開始することに頼らないでください。</p>
+</div>
+
+<h2 id="Examples" name="Examples">例</h2>
+
+<p>...</p>
+
+<pre class="brush: html">&lt;video id="video" controls&gt;
+ &lt;source src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&amp;profile_id=165"&gt;
+&lt;/video&gt;</pre>
+
+<p> </p>
+
+<pre>*** Disable autoplay (recommended) ***
+訳: *** 自動再生を無効にする(推奨) ***
+ false is the default value
+      訳: デフォルト値は false です。
+ document.querySelector('#video').autoplay = false;
+</pre>
+
+<h2 id="Specifications" name="Specifications">仕様</h2>
+
+<table class="standard-table">
+ <tbody>
+ <tr>
+ <th scope="col">仕様</th>
+ <th scope="col">状態</th>
+ <th scope="col">コメント</th>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML WHATWG', "embedded-content.html#dom-media-autoplay", "HTMLMediaElement.autoplay")}}</td>
+ <td>{{Spec2('HTML WHATWG')}}</td>
+ <td>{{SpecName('HTML5 W3C')}} から変更なし</td>
+ </tr>
+ <tr>
+ <td>{{SpecName('HTML5 W3C', "embedded-content-0.html#htmlmediaelement", "HTMLMediaElement.autoplay")}}</td>
+ <td>{{Spec2('HTML5 W3C')}}</td>
+ <td>初期定義</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+
+
+
+<p>{{Compat("api.HTMLMediaElement.autoplay")}}</p>
+
+<h2 id="See_Also" name="See_Also">関連情報</h2>
+
+<ul>
+ <li>これを定義するインターフェース、{{domxref("HTMLMediaElement")}}。</li>
+ <li>{{HTMLElement("audio")}} 要素と {{HTMLElement("video")}} 要素</li>
+</ul>