<?php
// 自动在文章内容前显示视频播放器(如果有视频字段)
function display_video_player_before_content($content)
}
return $content;
}
add_filter(‘the_content’, ‘display_video_player_before_content’);
// 生成视频播放器HTML
function generate_video_player($post_id)
}
$player_id = ‘video-player-‘ . $post_id;
ob_start();
?>
<div class=”custom-video-container” id=”<?php echo $player_id; ?>”>
<!– 主要视频播放器 – iframe –>
<div class=”main-video-wrapper”>
<iframe
class=”main-video-player”
src=”<?php echo esc_attr($main_source); ?>”
frameborder=”0″
allowfullscreen
></iframe>
</div>
<!– 备用源选择器 –>
<?php if (!empty($backup_sources)): ?>
<div class=”backup-sources-container”>
<button class=”source-btn active” data-source=”<?php echo esc_attr($main_source); ?>” data-type=”main”>
Main Player
</button>
<?php foreach ($backup_sources as $index => $backup_source): ?>
<button class=”source-btn” data-source-id=”backup<?php echo $index + 1; ?>” data-type=”backup”>
Backup Source <?php echo $index + 1; ?>
</button>
<?php endforeach; ?>
</div>
<!– 隐藏的备用源数据 – 谷歌爬虫不会执行这里的JavaScript –>
<script type=”text/template” id=”backup-sources-data-<?php echo $post_id; ?>”>
<?php echo json_encode($backup_sources); ?>
</script>
<?php endif; ?>
</div>
<?php
return ob_get_clean();
}
// 添加播放器CSS样式
function add_video_player_styles()
.main-video-wrapper
.main-video-player
.backup-sources-container
.source-btn
.source-btn:hover
.source-btn.active
/* 响应式设计 */
@media (max-width: 768px)
.source-btn
.custom-video-container
}
@media (max-width: 480px)
}
</style>
<?php
}
add_action(‘wp_head’, ‘add_video_player_styles’);
// 添加播放器JavaScript
function add_video_player_scripts() catch (e)
}
sourceBtns.forEach(btn => else if (sourceType === ‘backup’) else
}
if (sourceUrl)
});
});
});
});
</script>
<?php
}
add_action(‘wp_footer’, ‘add_video_player_scripts’);