微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Blazor WASM中的Youtube Iframe Api问题

如何解决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 举报,一经查实,本站将立刻删除。