Youtube Iframe API视频音画不同步问题求助

我的应用中有一个包含视频缩略图列表的Activity，点击缩略图会在屏幕中间创建YoutubeVideoFragment并传入视频ID。打开该Fragment后点击视频播放，音频正常启动但画面加载及播放存在延迟，导致音画不同步。此前使用pierfrancescosoffritti库时也出现相同问题，请问可能的问题原因是什么？

public class YoutubeVideoFragment extends BaseFragment<YoutubeVideoPresenter> implements YoutubeVideoContract.View {

    public static YoutubeVideoFragment newInstance(String videoId) {

        Bundle args = new Bundle();
        args.putString("ARG_VIDEO_ID", videoId);
        YoutubeVideoFragment fragment = new YoutubeVideoFragment();
        fragment.setArguments(args);
        return fragment;
    }

    @BindView(R.id.root_view)
    LinearLayout root_view;
    @BindView(R.id.webView)
    WebView ytWebView;

    private String videoId;

    @Override
    public void readBundle(Bundle bundle) {

        if (bundle != null) {
            videoId = bundle.getString("ARG_VIDEO_ID");
        }
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = onCustomCreateView(inflater, container, savedInstanceState, R.layout.fragment_youtube_video);

        WebSettings webSettings = ytWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webSettings.setDomStorageEnabled(true);

        String html = getHtmlString(videoId);
        ytWebView.loadDataWithBaseURL("https://www.youtube.com/", html, "text/html", "UTF-8", null);

        return view;
    }

    @Override
    public void onPause() {
        super.onPause();
        if (ytWebView != null){
            ytWebView.destroy();
        }
    }
    @Override
    public void onDestroy() {
        super.onDestroy();
        if (ytWebView != null){
            ytWebView.destroy();
        }
    }
    private String getHtmlString(String videoId) {
        return "<html><body>" +
                "<div id=\"player\"></div>" +
                "<script>" +
                "   var tag = document.createElement('script');" +
                "   tag.src = \"https://www.youtube.com/iframe_api\";" +
                "   var firstScriptTag = document.getElementsByTagName('script')[0];" +
                "   firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);" +
                "   var player;" +
                "   function onYouTubeIframeAPIReady() {" +
                "       player = new YT.Player('player', {" +
                "           height: 'wrap-content'," +
                "           width: '100%'," +
                "           videoId: '" + videoId + "'," +
                "           playerVars: {" +
                "               'playsinline': 1," +
                "               'rel': 0" +
                "           }," +
                "           events: {" +
                "               'onReady': onPlayerReady," +
                "               'onStateChange': onPlayerStateChange" +
                "           }" +
                "       });" +
                "   }" +
                "   function onPlayerReady(event) {" +
                "       event.target.playVideo();" +
                "   }" +
                "   var done = false;" +
                "   function onPlayerStateChange(event) {" +
                "       if (event.data == YT.PlayerState.PLAYING && !done) {" +
                "           setTimeout(stopVideo, 6000);" +
                "           done = true;" +
                "       }" +
                "   }" +
                "   function stopVideo() {" +
                "       player.stopVideo();" +
                "   }" +
                "</script>" +
                "</body></html>";
    }
}

• WebView初始化与播放触发时机不匹配：在onCreateView中直接加载HTML并通过onPlayerReady立即触发播放，但WebView的JS环境、YouTube iframe API可能尚未完全初始化完成。音频流体积小加载更快，而视频帧需要更多解码资源，进而引发音画不同步。
• WebView媒体相关配置缺失：当前仅开启了JavaScript和DomStorage，未配置硬件加速、媒体播放权限等关键选项。视频渲染依赖硬件加速，若默认未开启会导致画面渲染延迟；另外缺少mediaPlaybackRequiresUserGesture等配置，也可能影响播放流畅度。
• Fragment生命周期处理错误：在onPause中直接调用ytWebView.destroy()，会导致WebView在Fragment暂时不可见（如切后台）时被销毁，再次进入Fragment需重新加载资源，增加了加载延迟和资源消耗。正确的做法是在onDestroyView中处理WebView销毁。
• YouTube iframe API加载方式效率低：动态插入script标签加载API存在网络延迟风险，可能导致API初始化滞后于HTML加载，Player实例创建时未完全就绪，引发视频加载不同步。
• 自动播放逻辑未考虑缓冲：onPlayerReady中直接调用playVideo()，未等待视频缓冲完成。音频可快速播放，但视频需要缓冲足够帧才能流畅渲染，进而导致音画脱节。
• 设备资源限制：若设备性能较低，或后台有高资源占用进程，视频解码和渲染会被抢占资源，即使更换播放库也会出现相同问题，因为底层依赖系统媒体解码能力。

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