Câu lạc bộ Thể thao Bạch tuộc Trường Trung học Shin-Nakano năm 2024: Azumi Amaki, Kokoro Ayase, Shigeki Mizuhara","lastmod":"2026-07-11","duration":"02:10:58","url":"/play/19164633.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNjA1MTMvYTUwMTFlZTYxZDU0YjRmMzBiODRjYTgzYWU4Y2VhOGEuanBn.cache","vod_id":19161573,"title":"Vô tận Massage khiêu dâm cực khoái, trêu chọc và xuất tinh, cho đến khi âm đạo phát điên Sana Minase 水瀬さな SEX Agent-妄想族","lastmod":"2026-07-11","duration":"02:11:36","url":"/play/19161573.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzAvMTU3Mzk3NjYyYmVkNTA1ZjFhMzIzNDM2NDMwNjVkYzYuanBn.cache","vod_id":18928835,"title":"EBOD-426-A Màn ra mắt AV!! SSS-BODY 77 lần cực khoái!! 4 clip hoàn toàn không cắt ghép. Akane Katahira.","lastmod":"2025-12-14","duration":"01:37:55","url":"/play/18928835.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzAvNDQwMTQwNDhmMDNjOGZhNzQ0NmUxYmVmZGU0NzgyY2MuanBn.cache","vod_id":18975874,"title":"[Phụ đề tiếng Trung] HMN-356 Hẹn hò với một người đàn ông lớn tuổi mặc Yukata: Một người đàn ông lớn tuổi quyến rũ hay một người đàn ông lớn tuổi bình thường, ai tốt hơn? Người đàn ông lớn tuổi suy nghĩ nghiêm túc","lastmod":"2025-12-14","duration":"01:57:35","url":"/play/18975874.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTEyMjMvYmFiODA1M2U4Y2QzYzU3YWYyOTU4ZDlhZjUyNTU3ZGQuanBn.cache","vod_id":19135714,"title":"Tôi ghét cái dương vật to lớn, gợi cảm của sếp tôi... Chúng tôi quá thân thiết... Sau khi bị đánh thuốc mê và tỉnh dậy, tôi thấy mình đang ở chung phòng tại một khách sạn tình yêu... Tôi liên tục lên đỉnh cho đến sáng. Tội nghiệp tôi. IPZZ-240","lastmod":"2025-12-29","duration":"02:25:06","url":"/play/19135714.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzAvZDM5YjFjNzU1MWFmNGY2Yjk0YTA5ZDA0MWJlMzU0NGYuanBn.cache","vod_id":18987654,"title":"261ARA-330 [Người đẹp ngực khủng] 24 tuổi [Đàn ông là thức ăn] Đông Tương Giang đây! Lý do cô ấy ứng tuyển công việc này là vì cô ấy là huấn luyện viên thể hình.","lastmod":"2025-12-14","duration":"01:22:30","url":"/play/18987654.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTEyMjMvNTQ4N2Q1MDUxNGFlMjFhNGFlZDdlNDc3OTFkYTZlZDQuanBn.cache","vod_id":19151133,"title":"Một buổi huấn luyện bạo dâm và khổ dâm liên quan đến việc cổ họng bị kéo căng, trong đó nạn nhân bị đưa đến bờ vực cực khoái bằng cách bị Ira thâm nhập sâu vào cổ họng, dẫn đến tình trạng suy sụp, yếu đuối và khổ dâm của nữ sĩ quan OL MIAB-592.","lastmod":"2026-04-01","duration":"03:00:26","url":"/play/19151133.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzAvNzc2NTg0ODUzZmMzYTM5MGM2YjI4NjIwY2EyYjZlZjguanBn.cache","vod_id":18989092,"title":"326PAPA-015 [I-chan Xâm Nhập Tình Nhân Của Một Người Giàu] Cô ấy quan hệ tình dục bất hợp pháp với một nữ sinh viên đại học ít kinh nghiệm làm tình nhân của một người giàu!! Máy quay đã bị phát hiện! Ông ta giàu có, nhưng là một lão già dâm đãng. Ông ta đưa ra lời xin lỗi giá trị cao, tiến hành quay phim toàn diện, và thậm chí còn thực hiện hành vi xuất tinh vào âm đạo bất hợp pháp (002).","lastmod":"2025-03-23","duration":"54:44","url":"/play/18989092.html"}]},
videoTitle: 'PPPD-193 Minami Ayase, ngươi đã thua rồi!! Một nữ khổng lồ hạng nhất đã bị một người đàn ông bình thường ép phải đạt cực khoái.',
language: 'vi',
dataKey: '01',
loadingPlayer: true,
showShare: false,
pageUrl: '',
// RecommendedMovies 组件状态
isSingleColumn: false,
pageSize: 8,
currentPage: 1,
// 计算属性(使用 getter)
get layoutIconClass() {
return this.isSingleColumn ? 'icon-view-list' : 'icon-grid';
},
get layoutClass() {
return [
'row',
'g-3',
'row-cols-1',
this.isSingleColumn ? '' : 'row-cols-2',
'row-cols-lg-4'
].filter(Boolean).join(' ');
},
// 方法
onAppMounted() {
// 设置页面 URL
this.pageUrl = window.location.href;
// 保存观看历史
this.saveWatchHistory();
// 更新标签统计
if (this.videoData.tag && this.videoData.tag.length > 0) {
this.updateTagStats(this.videoData.tag);
}
// 发送点击统计
this.hitVideoId(this.videoData.id);
// 从 Cookie 读取布局偏好
const layoutCookie = this.getCookie('list_layout');
if (layoutCookie === 'single') {
this.isSingleColumn = true;
}
// 监听 iframe 加载完成,隐藏骨架屏
// 使用 setTimeout 确保 DOM 已完全渲染
setTimeout(() => {
const iframe = document.getElementById('v2-player');
const skeleton = document.getElementById('player-skeleton');
if (iframe && skeleton) {
// 定义隐藏骨架屏的函数
const hideSkeleton = () => {
skeleton.style.transition = 'opacity 0.3s ease';
skeleton.style.opacity = '0';
setTimeout(() => {
skeleton.style.display = 'none';
}, 300);
};
// 检查 iframe 是否已经加载完成
if (iframe.contentDocument || iframe.contentWindow) {
try {
// 如果 iframe 已加载,直接隐藏骨架屏
if (iframe.contentWindow.document.readyState === 'complete') {
setTimeout(hideSkeleton, 500);
return;
}
} catch (e) {
console.log('[Video] 跨域 iframe,无法检查状态:', e.message);
// 跨域情况下无法访问 contentWindow,继续监听 load 事件
}
}
// 监听 load 事件
iframe.addEventListener('load', () => {
console.log('[Video] iframe load 事件触发');
setTimeout(hideSkeleton, 500);
});
// 添加超时保护,确保骨架屏最终会被隐藏
setTimeout(() => {
if (skeleton.style.display !== 'none') {
console.log('[Video] 超时保护触发,强制隐藏骨架屏');
hideSkeleton();
}
}, 5000); // 5秒后强制隐藏
} else {
console.error('[Video] 未找到 iframe 或 skeleton 元素');
}
}, 0);
},
// 随机跳转
async jumpToRandomVideo() {
try {
const response = await fetch(`/api/qun/randomid?t=${Date.now()}`, {
headers: {
'x-data-key': this.dataKey,
'x-api-key': 'dagexxx.com'
}
});
const data = await response.json();
if (data?.status === 1 && data?.data?.id) {
window.location.href = `/${this.language}/play/${data.data.id}.html`;
} else {
console.error('获取随机视频失败:', data?.message || '未知错误');
}
} catch (err) {
console.error('获取随机视频失败:', err);
}
},
// 复制分享链接
copyShareLink() {
const input = this.$refs.shareInput;
if (input) {
input.select();
input.setSelectionRange(0, 99999); // For mobile devices
// 尝试使用现代 API
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(this.pageUrl).then(() => {
alert('Đã sao chép liên kết!');
}).catch(() => {
// 降级到旧方法
document.execCommand('copy');
alert('Đã sao chép liên kết!');
});
} else {
// 降级到旧方法
document.execCommand('copy');
alert('Đã sao chép liên kết!');
}
}
},
// 切换布局
toggleLayout() {
this.isSingleColumn = !this.isSingleColumn;
this.setCookie('list_layout', this.isSingleColumn ? 'single' : 'multi', 30);
},
// 加载更多
loadMore() {
this.currentPage++;
},
// 保存观看历史
saveWatchHistory() {
try {
const storageKey = 'watchHistory';
let history = JSON.parse(localStorage.getItem(storageKey) || '[]');
// 解码 HTML 实体编码的标题
const decodeHtmlEntities = (text) => {
const textarea = document.createElement('textarea');
textarea.innerHTML = text;
return textarea.value;
};
const video = {
id: this.videoData.id,
title: decodeHtmlEntities(this.videoData.title),
image: this.videoData.images || this.videoData.preview,
duration: this.videoData.duration || ''
};
// 过滤掉已存在的相同 ID 视频
history = history.filter(item => item.id !== video.id);
// 添加新记录到最前面
history.unshift(video);
// 限制最多保存 100 条
if (history.length > 100) {
history = history.slice(0, 100);
}
localStorage.setItem(storageKey, JSON.stringify(history));
} catch (e) {
console.error('Failed to save watch history:', e);
}
},
// 更新标签统计
updateTagStats(tags = []) {
// HTML 实体解码函数
const decodeHtmlEntities = (text) => {
const textarea = document.createElement('textarea');
textarea.innerHTML = text;
return textarea.value;
};
const storageKey = this.dataKey + 'tagWatchStats';
const lastWatchedKey = this.dataKey + 'tagLastWatched';
const raw = localStorage.getItem(storageKey);
const stats = raw ? JSON.parse(raw) : {};
// 解码标签并统计
const decodedTags = tags.map(tag => decodeHtmlEntities(tag));
decodedTags.forEach(tag => {
stats[tag] = (stats[tag] || 0) + 1;
});
localStorage.setItem(storageKey, JSON.stringify(stats));
localStorage.setItem(lastWatchedKey, JSON.stringify(decodedTags));
},
// 点击统计
hitVideoId(id) {
fetch(`/api/qun/hit?type=play&id=${id}`, {
method: 'GET',
headers: {
'x-data-key': this.dataKey,
'x-api-key': 'dagexxx.com'
}
}).catch(err => {
console.error('点击统计失败:', err);
});
},
// Cookie 工具方法
getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
},
setCookie(name, value, days) {
const expires = new Date(Date.now() + days * 864e5).toUTCString();
document.cookie = `${name}=${value}; expires=${expires}; path=/`;
}
};
}