为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 Reactjs 上集成 BoxCast 播放器?

如何在 Reactjs 上集成 BoxCast 播放器?

暮色呼如 2023-08-10 15:36:40
因此,我尝试在我的 React 应用程序(javascript 应用程序)上集成 BoxCast 播放器,但我不知道该怎么做。有人知道我能做什么吗?PS:我的问题是 iframe 没有响应,所以我尝试使用 javascript 。<div id="boxcast-widget-{video-example}"></div><script type="text/javascript"charset="utf-8">    (function (d, s, c, o) { var js = d.createElement(s), fjs = d.getElementsByTagName(s)[0]; var h = (("https:" == document.location.protocol) ? "https:" : "http:"); js.src = h + "//js.boxcast.com/v3.min.js"; js.onload = function () { boxcast.noConflict()("#boxcast-widget-" + c).loadChannel(c, o); }; js.charset = "utf-8"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "{video-example}", { "showTitle": 0, "showDescription": 0, "showHighlights": 0, "showRelated": false, "showCountdown": false, "market": "smb", "showDocuments": false, "showIndex": false, "showDonations": false, "autoplay": "try-muted", "playInline": true, "dvr": false }));</script>谢谢!
查看完整描述

2 回答

?
LEATH

TA贡献1936条经验 获得超6个赞

因此,我尝试在我的 React 应用程序(javascript 应用程序)上集成 BoxCast 播放器,但我不知道该怎么做。有人知道我能做什么吗?PS:我的问题是 iframe 没有响应,所以我尝试使用 javascript 。


<div id="boxcast-widget-{video-example}"></div>

<script type="text/javascript"charset="utf-8">

    (function (d, s, c, o) { var js = d.createElement(s), fjs = d.getElementsByTagName(s)[0]; var h = (("https:" == document.location.protocol) ? "https:" : "http:"); js.src = h + "//js.boxcast.com/v3.min.js"; js.onload = function () { boxcast.noConflict()("#boxcast-widget-" + c).loadChannel(c, o); }; js.charset = "utf-8"; fjs.parentNode.insertBefore(js, fjs); }(document, "script", "{video-example}", { "showTitle": 0, "showDescription": 0, "showHighlights": 0, "showRelated": false, "showCountdown": false, "market": "smb", "showDocuments": false, "showIndex": false, "showDonations": false, "autoplay": "try-muted", "playInline": true, "dvr": false }));

</script>

谢谢!


查看完整回答
反对 回复 2023-08-10
?
慕哥9229398

TA贡献1877条经验 获得超6个赞

这看起来并不兼容 React。如果您坚持从 React 使用它,则需要集成它。

这可能是一项乏味的工作,我不鼓励你这样做。寻找另一个声称与 React 兼容的提供商。


查看完整回答
反对 回复 2023-08-10
  • 2 回答
  • 0 关注
  • 71 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信