在博客中实现优酷代码的引用,电脑测试成功,手机有广告

// functions.php 完整实现
function youku_video_embed($atts) {
$atts = shortcode_atts( array(
‘id’ => ”,
‘ratio’ => ‘56.25’,
‘proxy’ => ‘off’ // 开启需要自建解析服务
), $atts );

$video_id = preg_replace(‘/[^\w=]/’, ”, $atts[‘id’]);
$proxy_mode = $atts[‘proxy’] === ‘on’;

// 代理模式(需要自行实现解析接口)
if($proxy_mode){
$proxy_url = “https://your-api-endpoint.com/parse?vid=”.$video_id;
$response = wp_remote_get($proxy_url);

if(!is_wp_error($response) && $response[‘body’]){
$video_data = json_decode($response[‘body’], true);
if($video_data[‘direct_url’]){
return ‘<video controls width=”100%” style=”aspect-ratio:16/9″>
<source src=”‘.$video_data[‘direct_url’].'” type=”video/mp4″>
</video>’;
}
}
}

// 降级到延迟加载方案
return ‘<div class=”youku-lazy-load”
data-vid=”‘.$video_id.'”
style=”position:relative;padding-bottom:’.$atts[‘ratio’].’%;background:#000;cursor:pointer”>
<div class=”play-button” style=”position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,0.2);border:2px solid #fff”>
<svg viewBox=”0 0 24 24″ style=”width:40px;height:40px;margin:8px;fill:#fff”><path d=”M8 5v14l11-7z”/></svg>
</div>
</div>’;
}

add_shortcode(‘youku’, ‘youku_video_embed’);

// 前端交互逻辑
function youku_player_init() {
?>
<script>
document.addEventListener(‘click’, function(e) {
const container = e.target.closest(‘.youku-lazy-load’);
if(container && !container.dataset.loaded) {
const vid = container.dataset.vid;
container.innerHTML = `
<iframe src=”https://player.youku.com/embed/${vid}?autoplay=1&mute=1″
style=”position:absolute;top:0;left:0;width:100%;height:100%”
frameborder=”0″
allowfullscreen></iframe>
`;
container.dataset.loaded = true;

// 广告屏蔽尝试
setTimeout(() => {
const iframe = container.querySelector(‘iframe’);
try {
const adElements = iframe.contentDocument.querySelectorAll(‘.ad-layer, .ad-mark’);
adElements.forEach(el => el.remove());
} catch(e) {
console.log(‘广告屏蔽受浏览器安全策略限制’);
}
}, 2000);
}
});
</script>
<?php
}
add_action(‘wp_footer’, ‘youku_player_init’);

没有钱 摆地摊 月入2万的10个小生意 小本生意 地摊货源 创业项目 不起眼的暴利小生意 地摊货批发网
蒋金阳:转折点营销研究商学院创始人 » 在博客中实现优酷代码的引用,电脑测试成功,手机有广告
友情提示: 付款后如果下载资源遇到问题请立即联系客服
 

发表评论

提供最优质的创业资源集合

立即查看 了解详情