วิดีโอแนะนำ
คัดสรรเทพธิดาคุณภาพเยี่ยมในราคาประหยัด แอบถ่ายกลางแจ้งนาน 11 นาทีโดยไม่สวมชุดชั้นใน คู่รักหนุ่มสาวคู่นี้มาพร้อมกับวิดีโอเบื้องหลังมากมาย</script><title>คัดสรรเทพธิดาคุณภาพเยี่ยมในราคาประหยัด แอบถ่ายกลางแจ้งนาน 11 นาที คู่รักหนุ่มสาวคู่นี้มาพร้อมกับวิดีโอเบื้องหลังมากมาย","lastmod":"2026-07-11","duration":"17:18","url":"/play/19153187.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvYzViODlmNzQxMjVjN2I0MTEyOThjODBiZTQ4Njc0M2YuanBn.cache","vod_id":18958578,"title":"KIN8-3773-FHD-ถ่ายทำครั้งแรก นำเสนอสาวน้อยวัย 19 ปี ร่าเริงและมีชีวิตชีวา อลิสัน เพียร์ซ","lastmod":"2025-03-19","duration":"29:27","url":"/play/18958578.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTEyMjMvYWVlMTBhZGI2NDdkYTFjMzY4N2UzMzRjMjZlYjBhNWYuanBn.cache","vod_id":19136288,"title":"BUENA-159 ☆ตอนที่ 2☆ Giga●to@Pa●ko-chan (Shine Oil Sex Version)","lastmod":"2026-02-13","duration":"43:58","url":"/play/19136288.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvYmVkZmU0Y2E3OTU5MDgyN2JjM2IyYjczYjkzN2ZmMzAuanBn.cache","vod_id":18992329,"title":"200GANA-3007 นักจีบสาวมืออาชีพพาหญิงสาวไปที่ห้องเพื่อมีเพศสัมพันธ์และแอบถ่ายวิดีโอขณะมีเพศสัมพันธ์ 338 คิโยชิ หญิงสาวผู้ขยันหมั่นเพียรในอาชีพการงาน","lastmod":"2025-03-19","duration":"01:04:20","url":"/play/18992329.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvNzQyMTQ1NTJjNWIyMzM4MmFiZjQwYzkzMzJjNDFkM2YuanBn.cache","vod_id":19013091,"title":"ความลับของคู่รักถูกเปิดเผย ❤️ สาวสวยหุ่นดีถูกแฉขณะมีเพศสัมพันธ์กับแฟนหนุ่ม_0","lastmod":"2025-03-19","duration":"00:00:26","url":"/play/19013091.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvMjYyZDMzMDUxM2NmOTQxYTA2ZDA4ZjcxZjA1M2I4MDIuanBn.cache","vod_id":19053543,"title":"นักศึกษาสาวสวยคนหนึ่งถูกล่วงละเมิดทางเพศอย่างโหดร้ายขณะทำงานพาร์ทไทม์ในช่วงสุดสัปดาห์ น่าตื่นเต้นจริงๆ!","lastmod":"2025-03-19","duration":"18:28","url":"/play/19053543.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvNjk4MDI3NzZjMjA2MGFkN2NhNzA1ZTA1Yjc4MGQzNWYuanBn.cache","vod_id":19035612,"title":"เขากำลังมีเพศสัมพันธ์กับหญิงสาวคนหนึ่งที่มีหน้าอกใหญ่ หน้าอกอวบอิ่มและเสียงครางของเธอช่างลามกเหลือเกิน","lastmod":"2025-03-19","duration":"36:37","url":"/play/19035612.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvZjljNDU2NzNmODk5N2U0ZmNhOWNhZDEyNDJiMjY1MDcuanBn.cache","vod_id":18982964,"title":"KSJK-021 นักเรียนคนหนึ่งบอกกับฉันว่า \"ผมชอบคุณ ผมอยากมีเพศสัมพันธ์กับคุณ\" การเชื่อฟังและความซื่อสัตย์ต่อเรื่องเพศ","lastmod":"2025-03-19","duration":"01:56:48","url":"/play/18982964.html"},{"img":"https://cache.sgvafs.com/base/aHR0cHM6Ly92aWRlby5kYWdlLnRvcC9zdG9yYWdlL3VwbG9hZHMvMjAyNTAzMzEvOTFkNmY4NjEyMTY1OTBiNTJmMzczNmJlM2I4N2RlYTkuanBn.cache","vod_id":18924372,"title":"IPX-493 การมีเพศสัมพันธ์อย่างเร่าร้อนกับมัตสึชิตะ ซาเอโกะ เจ้านายสาวอกโตที่เขาแอบคบหาอยู่ โดยมีการหลั่งน้ำอสุจิภายในอย่างต่อเนื่อง","lastmod":"2025-03-19","duration":"02:39:37","url":"/play/18924372.html"}]},
videoTitle: '413INSTV-478-C [การถ่ายทำส่วนตัว] ริโอจัง นักเรียนหญิงมัธยมปลาย วิดีโอเซ็กซ์สุดเร้าใจของคู่รักนักเรียนที่แสวงหาความตื่นเต้น',
language: 'th',
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('คัดลอกลิงก์เรียบร้อยแล้ว!');
}).catch(() => {
// 降级到旧方法
document.execCommand('copy');
alert('คัดลอกลิงก์เรียบร้อยแล้ว!');
});
} else {
// 降级到旧方法
document.execCommand('copy');
alert('คัดลอกลิงก์เรียบร้อยแล้ว!');
}
}
},
// 切换布局
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=/`;
}
};
}