❮ Thẻ HTML
Thí dụ
Một video sẽ tự động bắt đầu phát:
& nbsp; & nbsp; & nbsp; Trình duyệt của bạn không hỗ trợ thẻ video.
Your browser does not support the video tag.
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính autoplay
là một thuộc tính boolean.
Khi có mặt, video sẽ tự động bắt đầu phát.
Lưu ý: Trình duyệt crom không cho phép tự động phát trong hầu hết các trường hợp. Tuy nhiên, autoplay bị tắt tiếng luôn được phép. Chromium browsers do not allow autoplay in most cases. However, muted autoplay is always allowed.
Thêm muted
sau khi
autoplay
để cho tệp video của bạn bắt đầu phát tự động [nhưng bị tắt tiếng]. & Nbsp;
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
tự chạy | 4.0 | 9.0 | 3.5 | 3.1 & nbsp; | 11.5 |
Cú pháp
❮ Thẻ HTML
Tôi là người mới đến trang web này và tôi mới đến HTML5 và JavaScript. Không phải là tôi là người mới bắt đầu, tôi hiểu HTML5 và JavaScript khi tôi nhìn thấy nó, tôi không thể tự viết nó.
Tôi có nhiều video, tất cả MP4, tất cả đều có cùng kích thước, tất cả trong cùng một thư mục trên máy chủ. Tôi đã bắt họ chơi hết lần này đến lần khác mà không bị phá vỡ. Tôi không có bất kỳ điều khiển nào. Có vẻ như thế này [một mã tôi đã tìm thấy và sao chép và thay đổi theo như tôi đã hiểu]:
THÂN HÌNH
SCRIPT
video_count =1;
videoPlayer = document.getElementById["homevideo"];
function run[]{
video_count++;
if [video_count == 16] video_count = 1;
var nextVideo = "video"+video_count+".mp4";
videoPlayer.src = nextVideo;
videoPlayer.play[];
};
Tất cả có vẻ như thế này bây giờ: Trình bày
Những gì tôi muốn: Tôi muốn một chức năng trước và tiếp theo. Vì vậy, tôi có hai nút, một nút trước và một nút tiếp theo. Khi tôi nhấp vào nút tiếp theo, video tiếp theo sẽ bắt đầu và phát tự động [không có vòng lặp]. Khi tôi nhấp vào nút trước đó, video trước đó sẽ phát lại [không có vòng lặp]. Vì vậy, tôi chỉ có thể chuyển đổi giữa tất cả các video của tôi về phía trước và ngược. Ví dụ như thế này: hình ảnh
Tôi phải thêm gì vào mã của mình? Thay đổi cái gì? Tôi biết nóng làm các nút ect. Sẽ rất tốt nếu ai đó có thể cho tôi một mã rõ ràng cho việc này. Không có gì với chơi hoặc tạm dừng hoặc bất cứ điều gì.
Cảm ơn rất nhiều!
Autoplay Video tiếp theo và triển khai nút Video PlayNext.PlayNext video button. Sự mô tả
Dung dịch
Ví dụ sau đây cho thấy cách thực hiện logic để phát video tiếp theo và cách thêm và tạo kiểu cho nút tiếp theo.
.RadMediaPlayer .rmpNextButton {
width: 26px;
height: 30px;
}
.RadMediaPlayer .rmpNextIcon:before {
content: "\e009";
font-size: x-large;
padding-top: 7px;
}
.rmpLeftControlsSet .rmpActionButton {
margin-right: 0;
}
.rmpLeftControlsSet .rmpActionButton:nth-last-of-type[.rmpActionButton] {
margin-right: 1em;
}
html .RadMediaPlayer .rmpSeekBar {
padding-left: 35px;
}
function playNextVideo[mediaPlayer] {
var ACTIVE = "rmpActive";
var nextIndex = mediaPlayer.mediaFiles.indexOf[mediaPlayer.currentFile] + 1
if [nextIndex < mediaPlayer.mediaFiles.length] {
var nextVideo = mediaPlayer.mediaFiles[nextIndex];
mediaPlayer.currentPlayer.loadFile[nextVideo];
mediaPlayer.currentFile = nextVideo;
// update the highlighted item in the playlist
mediaPlayer.playlist._$list
.children[]
.removeClass[ACTIVE]
.eq[nextIndex]
.addClass[ACTIVE];
}
}
function OnClientEnded[sender, args] {
playNextVideo[sender];
}
function OnClientReady[sender, args] {
// add the play next video button
var $leftControlsSet = $telerik.$[sender.get_element[]].find[".rmpLeftControlsSet"];
var $button = $telerik.$[''];
$leftControlsSet.append[$button];
$button.on["click", function [] {
playNextVideo[sender];
}]
}