Question

如果我使用语义UI嵌入播放Youtube视频，是否有任何方法可以触发状态更改事件的回调方法？我在语义UI文档中找不到任何信息。可以在调用embed（）时使用JQuery并传递回调方法吗？

Answer 1

如果您在div中像这样<div class="ui embed"></div>

$('.custom.example .ui.embed').embed({
  source      : 'youtube',
  id          : 'O6Xo21L0ybE',
  placeholder : '/images/bear-waving.jpg',
  autoplay: 'auto'
});

您可以查看官方文档：https://semantic-ui.com/modules/embed.html#/settings

Answer 2

我现在正面临着同样的问题，经过一些研究，我得出了目前无法实现的结论（通过Semantic-UI ofc）。尚未在语义中实现YT API的回调，例如 onPlay 或 onStop 。

查看语义embed.js文件，您可以找到：

// NOT YET IMPLEMENTED api : false, onPause : function() {}, onPlay : function() {}, onStop : function() {}

检查自己：Semantic-Ui repo's link

也许您找到了解决方案？

嵌入语义UI：如何知道状态变化？

2 个答案: