live增加网页播放跳转

This commit is contained in:
mtvpls
2025-12-18 15:58:49 +08:00
parent 6586524850
commit 914ccca1d0

View File

@@ -1892,6 +1892,41 @@ function LivePageClient() {
<div className='mt-3 px-2 lg:flex-shrink-0 flex justify-end'>
<div className='bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm rounded-lg p-2 border border-gray-200/50 dark:border-gray-700/50 w-full lg:w-auto overflow-x-auto'>
<div className='flex gap-1.5 justify-end lg:flex-wrap items-center'>
{/* 网页播放 */}
<button
onClick={(e) => {
e.preventDefault();
// 在新标签页打开视频URL
window.open(videoUrl, '_blank');
}}
className='group relative flex items-center justify-center gap-1 w-8 h-8 lg:w-auto lg:h-auto lg:px-2 lg:py-1.5 bg-white hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 text-xs font-medium rounded-md transition-all duration-200 shadow-sm hover:shadow-md cursor-pointer overflow-hidden border border-gray-300 dark:border-gray-600 flex-shrink-0'
title='网页播放'
>
<svg
className='w-4 h-4 flex-shrink-0 text-gray-700 dark:text-gray-200'
fill='none'
stroke='currentColor'
viewBox='0 0 24 24'
xmlns='http://www.w3.org/2000/svg'
>
<path
strokeLinecap='round'
strokeLinejoin='round'
strokeWidth={2}
d='M21 12a9 9 0 11-18 0 9 9 0 0118 0z'
/>
<path
strokeLinecap='round'
strokeLinejoin='round'
strokeWidth={2}
d='M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z'
/>
</svg>
<span className='hidden lg:inline max-w-0 group-hover:max-w-[100px] overflow-hidden whitespace-nowrap transition-all duration-200 ease-in-out text-gray-700 dark:text-gray-200'>
</span>
</button>
{/* PotPlayer */}
<button
onClick={(e) => {