CefSharp注入YouTube Iframe API JS代码失败，请求排查问题

核心问题：脚本元素未插入DOM #

你当前的代码仅创建了script标签，但未将其添加到页面DOM树中，浏览器不会加载执行该API脚本，这是JS注入失败的直接原因。

修复后的代码 #

修改ExecuteScriptAsync中的JS逻辑，将创建的script标签插入到页面DOM中，并补充YouTube Iframe API的初始化逻辑，方便后续C#控制：

private void Music_Control_JS(object sender, FrameLoadEndEventArgs e)
{
    if (e.Frame.IsMain)
    {
        string url = e.Frame.Url;

        if (url.Contains("?autoplay=1"))
        {
            music_player.ExecuteScriptAsync(@"
                var tag = document.createElement('script');
                tag.src = 'https://www.youtube.com/iframe_api';
                // 将脚本标签插入页面头部，触发API加载
                document.head.appendChild(tag);
                
                // 全局播放器实例，供C#后续调用
                let youtubePlayer;
                
                // API加载完成后自动触发的初始化函数
                function onYouTubeIframeAPIReady() {
                    // 定位页面中的YouTube iframe（可根据实际情况调整选择器）
                    const iframe = document.querySelector('iframe[src*=""youtube.com""]');
                    if (iframe) {
                        youtubePlayer = new YT.Player(iframe, {
                            events: {
                                'onReady': () => console.log('API初始化完成'),
                                'onStateChange': (e) => console.log('播放状态变更:', e.data)
                            }
                        });
                    }
                }
                
                // 将播放器实例挂载到window对象，C#可直接调用其方法
                window.youtubePlayer = youtubePlayer;
            ");
            music_player.ShowDevTools();
        }
    }
}

额外注意事项 #

• iframe定位准确性：如果页面存在多个YouTube iframe，需调整querySelector的选择器，比如通过iframe的ID或特定属性精准定位目标视频。
• C#控制逻辑：后续用按钮、滑块控制视频时，可通过ExecuteScriptAsync调用播放器API，例如：

  // 播放视频
  music_player.ExecuteScriptAsync("window.youtubePlayer.playVideo();");
  // 调整音量
  music_player.ExecuteScriptAsync("window.youtubePlayer.setVolume(50);");
  

• 自动播放限制：现代浏览器对自动播放有严格规则，即使URL带autoplay=1，也需视频静音或页面有用户交互记录才能生效，可在初始化时添加youtubePlayer.mute()确保自动播放正常触发。
• 动态页面适配：若页面中的iframe是动态加载的，可考虑监听FrameCreated事件，或延迟1-2秒执行脚本，确保iframe已存在于DOM中。

内容的提问来源于stack exchange，提问作者Base Night