---
title: GlobalEventHandlers.oncanplay
slug: Web/API/GlobalEventHandlers/oncanplay
translation_of: Web/API/GlobalEventHandlers/oncanplay
---
<div>{{ ApiRef("HTML DOM") }}</div>

<p>{{domxref("GlobalEventHandlers")}}的<strong><code>oncanplay</code></strong> 属性是{{domxref("EventHandler")}} 处理 {{event("canplay")}} 事件。</p>

<p><code>当用户代理能够播放媒体时canplay</code> 事件被触发 , 但是预估没有加载全部的数据以支持媒体播放完毕。</p>

<h2 id="语法">语法</h2>

<pre class="syntaxbox"><em><var>element</var></em>.oncanplay = <em>handlerFunction</em>;
var <em>handlerFunction</em> = <em><var>element</var></em>.oncanplay;
</pre>

<p><code>handlerFunction</code>或者是 <code>null</code> 或者是一个 <a href="/en-US/docs/Web/JavaScript/Reference/Functions" title="/en-US/docs/JavaScript/Reference/Functions_and_function_scope">JavaScript function</a> 指定事件的处理句柄。</p>

<h2 id="说明">说明</h2>

<table class="spectable standard-table">
 <tbody>
  <tr>
   <th scope="col">说明</th>
   <th scope="col">状态</th>
   <th scope="col">备注</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG','#handler-oncanplay','oncanplay')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="浏览器兼容">浏览器兼容</h2>



<p>{{Compat("api.GlobalEventHandlers.oncanplay")}}</p>

<h2 id="参考资料">参考资料</h2>

<ul>
 <li><a href="/en-US/docs/Web/Guide/Events/Event_handlers" title="/en-US/docs/Web/Guide/DOM/Events/Event_handlers">DOM event handlers</a></li>
</ul>