ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 はオーディオ/ビデオが終了したかどうかの属性を返します。

HTML5 はオーディオ/ビデオが終了したかどうかの属性を返します。

黄舟
リリース: 2017-11-08 14:00:45
オリジナル
3408 人が閲覧しました

videoの再生が終了したかどうかを確認します:

myVid=document.getElementById("video1");
alert(myVid.ended);
ログイン後にコピー

定義と使用法

endedプロパティは、audio/videoが終了したかどうかを返します。

再生位置が音声/動画の最後にある場合、音声/動画は終了しています。

ブラウザのサポート

すべての主要なブラウザは、ended 属性をサポートしています。

: この属性は、Internet Explorer 8 以前のブラウザではサポートされていません。

構文

audio|video.ended
ログイン後にコピー

戻り値

説明
ブールtru​​e|false。再生が終了した場合は true を返します。それ以外の場合は false を返します。

インスタンス

ビデオの再生が終了したかどうかを確認します:

<!DOCTYPE html> 
<html> 
<body> 

<p>
	<button onclick="hasVidEnded()" type="button">该视频播放是否已结束?</button>
</p>
<video id="video1" controls="controls">
	<source src="/kf51/demo/mov_bbb.mp4" type="video/mp4">
	<source src="/kf51/demo/mov_bbb.ogg" type="video/ogg">
	您的浏览器不支持 video 标签。
</video>

<script>
var myVid = document.getElementById("video1");
function hasVidEnded() { 
	alert(myVid.ended);
} 
</script> 

</body> 
</html>
ログイン後にコピー


以上がHTML5 はオーディオ/ビデオが終了したかどうかの属性を返します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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