从嵌入按钮复制的 iframe 中未显示正确的 url

Posted

技术标签:

【中文标题】从嵌入按钮复制的 iframe 中未显示正确的 url【英文标题】:correct url not showing up in iframe copied from embed button 【发布时间】:2019-07-03 20:20:36 【问题描述】:

我正在开发的网站在从嵌入按钮复制后未显示正确的网址。

点击嵌入按钮时(如下图所示),我在 iframe 中得到以下代码,其中 src 的值不正确。它应该是一个正确的视频网址。

<iframe src="//content.jwplatform.com/players/dalet_clips/35472P.mp4-88sIiZig.html"   frameborder="0" scrolling="auto"></iframe>

我在 jwplatform.js 中使用的代码 sn-ps 是:

"sharing": 
    "code": "%3Ciframe%20src%3D%22http%3A//content.jwplatform.com/players/MEDIAID-6gKQPrHW.html%22%20width%3D%22480%22%20height%3D%22270%22%20frameborder%3D%220%22%20scrolling%3D%22auto%22%3E%3C/iframe%3E",
    "link": "http://content.jwplatform.com/previews/MEDIAID-6gKQPrHW"
,

问题陈述:

在 iframe src 中,我收到以下代码 //content.jwplatform.com/players/dalet_clips/35472P.mp4-88sIiZig.html,这是不正确的。它应该是视频的正确网址。我想知道我需要做哪些更改才能在 iframe src 中获得完整的 video url

【问题讨论】:

正确的视频网址是什么? 正确的视频网址以http://www开头 抱歉,我无法分享完整的网址。 好吧,我给你做了一个例子,请看这里-jsfiddle.net/rakibh/acw2qxdf 您使用的是哪个版本的 JW 播放器 - 7 还是 8?你的完整 JS 代码是什么,你把它放在哪里 - 在文档 headbody 中?您使用任何相关的 WordPress 插件吗? 我们使用的JWplayer版本是8.7.5。我没有使用任何 wordpress 插件。我正在使用 javascript 代码。 【参考方案1】:

尝试将jwplatform.jssharing 选项中的code 属性更改为encodeURIComponent,无论您想成为确切的iframe 内容

示例: 现在你有 code%3Ciframe%20src%3D%22http%3A//content.jwplatform.com/players/MEDIAID-6gKQPrHW.html%22%20width%3D%22480%22%20height%3D%22270%22%20frameborder%3D%220%22%20scrolling%3D%22auto%22%3E%3C/iframe%3E

现在尝试使用decodeURIComponent(code) 对其进行解码,其计算结果为:

&lt;iframe src="http://content.jwplatform.com/players/MEDIAID-6gKQPrHW.html" width="480" height="270" frameborder="0" scrolling="auto"&gt;&lt;/iframe&gt;

您应该尝试将codelink 都更改为您的实际视频链接和代码。只需使用encodeURIComponent 将您想要的任何内容编码为代码或使用decodeURIComponent 测试当前内容,同时在link 属性中保留正确的链接。

【讨论】:

【参考方案2】:

当你这样说时,你可能犯了一个错误:

//example.com it is not a valid url... - 不。这是绝对有效的网址。甚至,它是更好的 url 类型(称为 schemeless url,没有 http: 前缀)。

...there should be video url (mp4) inside SRC... - 再次没有。 iframes 用于网页(包括.html 页面),或不是文件(如.mp4 或其他文件扩展名),因此这是正确的url 形式。

我认为您的问题有所不同:。也许该视频文件已从服务器中删除?或者某些东西实际上不适用于该目标网址?检查那里的问题。

附言您应该发布一个有效的示例网址(如果您不想共享,只需将域更改为 example.com)。

【讨论】:

以上是关于从嵌入按钮复制的 iframe 中未显示正确的 url的主要内容,如果未能解决你的问题,请参考以下文章

Youtube iFrame API pauseVideo 在 UIWebView 中未定义

Bootstrap 模态样式的位置固定关闭按钮在 Internet Explorer 中未正确显示

自定义按钮在界面生成器中未正确显示

某些视图中未显示全局按钮 - MVC AS3

导航栏项目中未显示标题和后退按钮(iOS 7)

如何找出加载 youtube 嵌入式 iframe 的时间