基本上，我试图将视频URL和持续时间存储在localstorage中，但我想对仅适用于一个视频的任何视频执行此操作，我不在乎有多少本地存储将每个视频URL和持续时间分开保存？
jQuery(document).ready(function() {
let prev_url= localStorage.getItem('videourl');
player.getDuration().then(function(duration) {
var minutes = Math.floor(duration / 60);
jQuery('#total_minutes').html('<i class="fal fa-clock"></i>'+minutes+' minutes');
});
jQuery('.video_trailer_embed').each(function(){
var href = jQuery(this).attr('src');
if(href==prev_url || prev_url==null) {
localStorage.setItem('videourl', href);
let time = localStorage.getItem('videoProgress');
player.setCurrentTime(time);
}
function run_url_every_2seconds(){
localStorage.setItem('videourl', href);
console.log(href);
}
player.on('play', function() {
setInterval(run_url_every_2seconds,2000);
});
});
/*player.on('pause', function() {
player.getCurrentTime().then(function(seconds) {
localStorage.setItem('videoProgress', seconds);
});
}); */
function run_every_2seconds(){
player.getCurrentTime().then(function(seconds) {
localStorage.setItem('videoProgress', seconds);
});
}
player.on('play', function() {
setInterval(run_every_2seconds,2000);
});
i向每个localStorage密钥添加索引，以使每个页面上的名称不同。并添加window.location.pathname以区分页面。否则，您每次都会覆盖存储中的相同值。
jQuery('.video_trailer_embed').each(function(i){
var href = jQuery(this).attr('src');
if(href==prev_url || prev_url==null) {
localStorage.setItem('videourl' + window.location.pathname + i, href);
let time = localStorage.getItem('videoProgress' + window.location.pathname + i);
player.setCurrentTime(time);
}
function run_url_every_2seconds(){
localStorage.setItem('videourl' + window.location.pathname + i, href);
console.log(href);
}
player.on('play', function() {
setInterval(run_url_every_2seconds,2000);
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句