HTML DOM Video canPlayType () trả về một chuỗi tương ứng với việc liệu trình duyệt có thể phát loại video được chỉ định hay không.
Cú pháp
Sau đây là cú pháp -
Trả về giá trị boolean - true / false
videoObject.canPlayType(typeAsParameter)
Ở đây, giá trị trả về có thể như sau -
| returnValue | Chi tiết |
|---|---|
| có lẽ | Nó xác định rằng trình duyệt có nhiều khả năng hỗ trợ loại video được chỉ định |
| có thể | Nó xác định rằng trình duyệt có thể hỗ trợ loại video được chỉ định, nhưng việc phát lại sẽ phải được cố gắng để chắc chắn |
| "" (chuỗi trống) | Nó xác định rằng trình duyệt chắc chắn không hỗ trợ loại video được chỉ định |
Hãy để chúng tôi xem một ví dụ về Video canPlayType () tài sản -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Video canPlayType()</title>
<style>
* {
padding: 2px;
margin:5px;
}
form {
width:70%;
margin: 0 auto;
text-align: center;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>HTML-DOM-Video-canPlayType( )</legend>
<video id="demo" width="320" controls><source src="" type="video/mp4"></video><br>
<input type="button" onclick="getTrackDetails()" value="Does Browser Supports video/mp4?">
<div id="divDisplay">
</div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var demo = document.getElementById("demo");
var srcOfMedia = 'https://www.tutorialspoint.com/html5/foo.mp4';
function getTrackDetails() {
var ans = demo.canPlayType('video/mp4');
if(ans !== ''){
divDisplay.textContent = 'Browser supports mp4';
demo.src = srcOfMedia;
demo.load();
}
else
divDisplay.textContent = 'Browser does not supports mp4';
}
</script>
</body>
</html> Đầu ra
Trước khi nhấp vào ‘Trình duyệt có hỗ trợ video / mp4?’ nút -
Sau khi nhấp vào ‘Trình duyệt có hỗ trợ video / mp4’ nút -
