masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > Tutorial H5 > html5返回音频/视频是否已结束的属性ended

html5返回音频/视频是否已结束的属性ended

黄舟
Lepaskan： 2017-11-08 14:00:45
asal
3406 orang telah melayarinya

实例

检查视频播放是否已结束：

myVid=document.getElementById("video1");
alert(myVid.ended);
Salin selepas log masuk

定义和用法

ended 属性返回音频/视频是否已结束。

如果播放位置位于音频/视频的结尾时，则音频/视频已结束。

浏览器支持

所有主流浏览器都支持 ended 属性。

注释：Internet Explorer 8 或更早的浏览器不支持该属性。

语法

audio|video.ended
Salin selepas log masuk

返回值

类型描述
布尔值true|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>
Salin selepas log masuk


Atas ialah kandungan terperinci html5返回音频/视频是否已结束的属性ended. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
h5 html5
sumber：php.cn
Artikel sebelumnya：html5返回当前音频/视频的长度以秒计的属性duration Artikel seterusnya：html5返回一个MediaError对象的属性error
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimanakah saya boleh mendapatkan imej saya dipaparkan pada paparan utama halaman? Apa yang saya mahu lakukan ialah menerima beberapa gambar menggunakan NASAAPI. Foto-foto i...
daripada 2024-04-06 15:33:12
0
1
433
Bolehkah fail PDF menjalankan HTML5 dan Javascript? Saya mempunyai idea bodoh untuk mencuba dan membuat program yang tidak akan disekat pada m...
daripada 2024-04-05 12:57:00
0
1
456
Apakah perbezaan antara enctype dan formenctype dalam HTML5? Saya hanya tertanya-tanya apakah perbezaan antara atribut enctype dan formenctype dalam HT...
daripada 2024-04-02 11:47:56
0
1
275
Jadikan halaman itu mesra mudah alih? Saya mempunyai banyak halaman web dan beberapa laman web. Masalahnya, saya seorang pemula....
daripada 2024-04-01 20:42:38
0
1
259
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan