Trình phát video HTML5 ngăn tìm kiếm

Question

Tôi đang tạo một loạt video hướng dẫn và muốn ngăn người dùng tìm kiếm các phần chuyển tiếp và bỏ qua. Tôi sẽ sử dụng trình phát video HTML5 sẽ được sử dụng cho trình duyệt trên máy tính để bàn và iPad. Lý tưởng nhất, tôi muốn điều này để làm việc trên iPhone là tốt, nhưng tôi nhận ra bạn không có quyền kiểm soát các video trên điện thoại kể từ khi nó sử dụng máy nghe nhạc video iPhone.

Làm cách nào để ngăn người dùng tìm kiếm tiếp trên trình phát video HTML5?

Answer 1

Nếu bạn thực sự muốn làm điều đáng kinh ngạc với người dùng này, thì bạn có thể sử dụng thuộc tính controls. Bạn sẽ phải thực hiện bất kỳ điều khiển nào bạn muốn cho phép sử dụng JS.

Tất nhiên, người dùng luôn có thể xem > nguồn để nhận URI của video và tải xuống.

Answer 2

Tôi đồng ý với @Bart Kiers rằng đây không phải là một ý tưởng hay, nhưng nếu bạn phải làm điều đó, tôi có thể nghĩ ra một cách: ẩn điều khiển và cung cấp nút phát của riêng bạn để bắt đầu video bằng JavaScript.

Answer 3

Tôi chỉ muốn ngăn tìm kiếm tiếp. Tôi có nhiều mã hơn trong hệ thống của mình cho phép họ tạm dừng và quay lại sau. Nó ghi lại vị trí hiện tại và đặt vị trí video khi tải.

Tôi đang sử dụng video.js. Tôi đã cố gắng sử dụng sự kiện timechange, nhưng nó cháy trước khi tìm kiếm. Vì vậy, tôi sử dụng một khoảng thời gian để lấy vị trí hiện tại mỗi giây. Nếu vị trí tìm kiếm lớn hơn vị trí hiện tại, hãy đặt lại vị trí đó. Hoạt động tuyệt vời.

var player = null; 
var curpos = 0; 
videojs("player").ready(function(){ 
    player = this; 
}); 

player.on('seeking', function() { 
    var ct = player.currentTime(); 
if(ct > curpos) { 
    player.currentTime(curpos); 
} 
}); 

function getpos() { 
    curpos = player.currentTime(); 
} 
onesecond = setInterval('getpos()', 1000); 

Answer 4

Cảm ơn câu trả lời của bạn Rick.

Tôi nhận thấy rằng người dùng có thể kéo và giữ người tìm kiếm cho phép họ tiếp tục vì vậy tôi đã thêm nơi không tìm kiếm hàm getPos.HTML 5 và jQuery.

var video = document.getElementsByTagName('video')[0]; 
 

 
function allowMove() { 
 
    $('input[id$="btnNext"]').removeAttr('disabled'); 
 
    $('input[id$="videoFlag"]').val("1"); 
 
} 
 

 
function getpos() { 
 
    if (!(video.seeking)) { 
 
    curpos = video.currentTime; 
 
    } 
 
    console.log(curpos) 
 
} 
 
onesecond = setInterval('getpos()', 1000); 
 

 
function setPos() { 
 
    var ct = video.currentTime; 
 
    if (ct > curpos) { 
 
    video.currentTime = curpos; 
 
    } 
 
}

Answer 5

Một ví dụ khác cho Video.js:

videojs('example_video_1').ready(function(){ 
    var player = this; 
    var previousTime = 0; 
    var currentTime = 0; 
    var seekStart = null; 

    player.on('timeupdate', function(){ 
    previousTime = currentTime; 
    currentTime = player.currentTime(); 
    }); 

    player.on('seeking', function(){ 
    if(seekStart === null) { 
     seekStart = previousTime; 
    } 
    }); 

    player.on('seeked', function() { 
    if(currentTime > seekStart) { 
     player.currentTime(seekStart); 
    } 
    seekStart = null; 
    }); 
}); 

Answer 6

Tại sao không theo cách này?

var video = document.getElementById("myVideo"); 
var counter = 0; 

video.on('timeupdate', function() { 
    if (video[0].paused == false) { 
    counter = video[0].currentTime; 
    } 
} 

video.on('seeking', function(e) { 
    if (parseInt(counter, 10) != parseInt(video[0].currentTime, 10)) { 
    video[0].currentTime = counter; 
    } 
});