Học CNTT HTML

Tham chiếu HTML Audio/Video DOM

HTML5 DOM có các phương thức, thuộc tính và sự kiện cho các phần tử <audio> và <video>.

Phương thức audio/video HTML

Phương thức Mô tả
addTextTrack() Thêm một đoạn văn bản mới vào file audio/video
canPlayType() Kiểm tra xem trình duyệt có thể phát loại audio/video được chỉ định hay không
load() Load lại phần tử audio/video
play() Bắt đầu phát audio/video
pause() Tạm dừng audio/video đang phát

Thuộc tính HTML Audio/Video 

Thuộc tính Mô tả
audioTracks Trả về một đối tượng AudioTrackList đại diện cho các track âm thanh có sẵn
autoplay Thiết lập hoặc trả về liệu audio/video có bắt đầu phát ngay sau khi load xong hay không
buffered Trả về một đối tượng TimeRanges đại diện cho các phần được lưu trữ trong bộ nhớ đệm của audio/video
controller Trả về đối tượng MediaController đại diện cho trình điều khiển media hiện tại của audio/video
controls Thiết lập hoặc trả về liệu audio/video có hiển thị các chức năng điều khiển (như phát/tạm dừng, v.v...) hay không
crossOrigin Thiết lập hoặc trả về cài đặt CORS của audio/video
currentSrc Trả về URL của audio/video hiện tại
currentTime Thiết lập hoặc trả về vị trí phát lại hiện tại trong audio/video (tính bằng giây)
defaultMuted Thiết lập hoặc trả về việc có nên tắt audio/video theo mặc định hay không
defaultPlaybackRate Thiết lập hoặc trả về tốc độ phát lại audio/video mặc định
duration Trả về thời lượng của audio/video hiện tại (tính bằng giây)
ended Trả về việc phát audio/video đã kết thúc hay chưa
error Trả về một đối tượng MediaError đại diện cho trạng thái lỗi của audio/video
loop Thiết lập hoặc trả về liệu audio/video có nên bắt đầu lại khi kết thúc hay không
mediaGroup Thiết lập hoặc trả về nhóm mà audio/video thuộc về (được sử dụng để liên kết nhiều phần tử audio/video)
muted Thiết lập hoặc trả về việc audio/video có bị tắt tiếng hay không
networkState Trả về trạng thái mạng hiện tại của audio/video
paused Trả về việc audio/video có bị tạm dừng hay không
playbackRate Thiết lập hoặc trả về tốc độ phát audio/video
played Trả về một đối tượng TimeRanges đại diện cho các phần đã phát của audio/video
preload Thiết lập hoặc trả về liệu audio/video có được load khi trang load không
readyState Trả về trạng thái sẵn sàng hiện tại của audio/video
seekable Trả về một đối tượng TimeRanges đại diện cho các phần có thể tìm kiếm của audio/video
seeking Trả về liệu người dùng hiện có đang tìm kiếm audio/video hay không
src Thiết lập hoặc trả về nguồn hiện tại của phần tử audio/video
startDate Trả về đối tượng Date đại diện cho khoảng thời gian hiện tại
textTracks Trả về một đối tượng TextTrackList đại diện cho các track văn bản có sẵn
videoTracks Trả về một đối tượng VideoTrackList đại diện cho các track video có sẵn
volume Thiết lập hoặc trả về âm lượng của audio/video

Sự kiện HTML Audio/Video 

Sự kiện Mô tả
abort Kích hoạt khi quá trình load audio/video bị hủy bỏ
canplay Kích hoạt khi trình duyệt có thể bắt đầu phát audio/video
canplaythrough Kích hoạt khi trình duyệt có thể phát qua audio/video mà không phải dừng lại để lưu vào bộ đệm
durationchange Kích hoạt khi thời lượng của audio/video bị thay đổi
emptied Kích hoạt khi danh sách phát hiện tại trống
ended Kích hoạt khi danh sách phát hiện tại kết thúc
error Kích hoạt nếu xảy ra lỗi khi phát audio/video
loadeddata Kích hoạt khi trình duyệt đã load frame hiện tại của audio/video
loadedmetadata Kích hoạt khi trình duyệt đã load dữ liệu meta cho audio/video
loadstart Kích hoạt khi trình duyệt bắt đầu tìm kiếm audio/video
pause Kích hoạt khi audio/video bị tạm dừng
play Kích hoạt khi audio/video đã được bắt đầu hoặc không còn bị tạm dừng
playing Kích hoạt khi audio/video đang phát sau khi bị tạm dừng hoặc dừng để lưu vào bộ đệm
progress Kích hoạt khi trình duyệt đang tải xuống audio/video
ratechange Kích hoạt khi tốc độ phát của audio/video bị thay đổi
seeked Kích hoạt khi người dùng hoàn tất việc di chuyển/chuyển sang vị trí mới trong audio/video
seeking Kích hoạt khi người dùng bắt đầu di chuyển / bỏ qua vị trí mới trong audio/video
stalled Kích hoạt khi trình duyệt đang cố gắng lấy dữ liệu media, nhưng dữ liệu không khả dụng
suspend Kích hoạt khi trình duyệt cố tình không lấy dữ liệu media
timeupdate Kích hoạt khi vị trí phát hiện tại đã thay đổi
volumechange Kích hoạt khi âm lượng đã được thay đổi
waiting Kích hoạt khi video dừng vì cần bộ đệm cho frame tiếp theo
Thứ Tư, 11/05/2022 09:38
5 ★ 23 👨 946

Bạn nên đọc

Xác thực tài khoản!

Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:

Số điện thoại chưa đúng định dạng!
Số điện thoại này đã được xác thực!
Bạn có thể dùng Sđt này đăng nhập tại đây!
Lỗi gửi SMS, liên hệ Admin
0 Bình luận
Sắp xếp theo
❖
Xóa Đăng nhập để Gửi
❖ HTML
HTML