Blazor WASM中的Youtube Iframe Api问题

问题描述

我有一个列出youtube视频的网站,并允许用户单击链接以在视频页面上查看视频。 我正在尝试使用Youtube iframe api捕获Youtube播放器事件并遇到问题。 在播放的第一个视频上触发事件很好,但是之后没有触发。

我没有尝试在此处解释设置,而是创建了一个sample website显示发生的问题。我将其代码放在GitHub上。

Youtube iframe Api似乎在首次加载时已正确绑定到DOM / iframe,但是当页面内容更改时,它无法重新绑定以收集播放器事件。

在此处或在github上的PR中请求任何建议。

以下是我尝试过的一些事情:

  • 使用div代替iframe。
  • 仅运行videoFunctions.setupPlayer一次。
  • 在运行videoFunctions.setupPlayer之前,删除生成的脚本标签(如果找到)。
  • 在Blazor OnAfterRenderAsync而不是OnParameteRSSetAsync上运行videoFunctions.setupPlayer。

更新2020-11-04
我尝试了与this不同的解决方案,但行为相同,即仅在首次加载时有效。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)