如果用戶當前正在視頻中搜索,則視頻搜索屬性用於返回。當用戶移動或跳到視頻中的新位置時,稱為搜索。 “視頻搜索”屬性是隻讀屬性。
用法:
videoObject.seekable
返回值:
如果用戶當前正在搜索,則視頻搜索屬性將返回布爾值true,否則返回false。
以下示例程序旨在說明視頻搜索屬性。
例:顯示用戶當前是否在視頻中搜索。
<!DOCTYPE html>
<html>
<head>
<title>
Video seeking Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green">GeeksforGeeks</h1>
<h2 style="font-family:Impact">
Video seeking Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls onseeking="My_Video()"
onseeked="myFunction()">
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>Try seeking the video to know the state.
<br><span id="Test_Span">
</span></p>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById("Test_Video");
document.getElementById("Test_Span").innerHTML =
("Seeking:" + v.seeking);
}
</script>
</body>
</html>
輸出:
- 在單擊按鈕之前:
- 單擊按鈕後:
支持的瀏覽器:HTML | DOM視頻搜索屬性如下:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- 蘋果Safari
相關用法
- HTML Audio seeking用法及代碼示例
- HTML Video src用法及代碼示例
- HTML Video loop用法及代碼示例
- HTML Video seekable用法及代碼示例
- HTML Video controller用法及代碼示例
- HTML Video preload用法及代碼示例
- HTML Video muted用法及代碼示例
- HTML Video textTracks用法及代碼示例
- HTML Video videoTracks用法及代碼示例
- HTML Video playbackRate用法及代碼示例
- HTML Video poster用法及代碼示例
- HTML Video readyState用法及代碼示例
- HTML Video paused用法及代碼示例
- HTML Video volume用法及代碼示例
- HTML Video width用法及代碼示例
注:本文由純淨天空篩選整理自Shubrodeep Banerjee大神的英文原創作品 HTML | DOM Video Seeking Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。