- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我很难找到embed a tweet的方法动态地进入网页。理想情况下,我希望用户输入 Twitter 状态 URL(例如 https://twitter.com/robdelaney/status/329651129988288514 ),单击按钮,然后将推文嵌入到 div 中。
这是我到目前为止所得到的:
$(document).ready(function(){
$("#resolve").click(function(){
var url = $("#retweet_form_url").val();
if (url==""){
$(".controls").addClass("error");
}
else {
$("#tweet_div").show();
$.ajax({
url: "https://api.twitter.com/1/statuses/oembed.json?url="+url,
dataType: "jsonp",
success: function(data){
// Derp! What do I do here?
}
});
}
})
})
当我使用 URL 进行测试时,我确实从 Twitter 收到了一个 JSON 响应,其中包含嵌入推文所需的整个 HTML,但是当我尝试解析它时,我无法在我的 div 中显示任何内容。谁能指出我正确的方向?
最佳答案
data
是一个包含推文详细信息的对象,其中包括一个包含实际嵌入代码的 html
成员。所以:
// ...
success: function(data){
$("#tweet_div").html(data.html);
}
// ...
$(document).ready(function() {
$("#resolve").click(function() {
var url = $("#retweet_form_url").val();
if (url == "") {
$(".controls").addClass("error");
} else {
$("#tweet_div").show();
$.ajax({
url: "https://api.twitter.com/1/statuses/oembed.json?url=" + url,
dataType: "jsonp",
success: function(data) {
$('#tweet_details').html(data.html);
}
});
}
})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id=retweet_form_url value="https://twitter.com/robdelaney/status/329651129988288514" />
<button id=resolve>resolve</button>
<div id=tweet_details></div>
关于jquery - 如何使用 jQuery/JSON/oembed 从 URL 嵌入推文,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16327187/
我正在尝试找出所有的 oEmbed 提供商。我去了 oEmbed 规范站点,他们有一些,但我发现了其他一些未指定的站点,例如 5 分钟视频: Provider: 5min URL scheme: ht
我遇到了 oembed 在 firebug 控制台窗口中输出错误的问题: oembed is null oembedContainer.html(oembed.code); 单击时将指向 jquery
我有两个相同的 Ubuntu 服务器,并且在尝试访问此示例时: curl "http://soundcloud.com/oembed "-d '格式=json' -d 'url= http://sou
我正在尝试使用 Twitter oEmbed API请求嵌入推文。现在的代码非常简单: xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechan
GitHub 如何支持 oembed? 根据这个古老的要点 https://gist.github.com/skabber/54099 // URL scheme: http://gist.githu
我尝试使用ajax获取youtube链接的oembed代码,但它总是返回错误我正在使用 ajax 和 Jquery $.ajax({ method: 'GET',
从昨天开始,我们在嵌入 soundcloud 播放器时遇到了问题。我们使用 Oembed 方法,但似乎并非所有参数都可以操作。所以我们现在得到了新的视觉播放器而不是旧的变体。 例如,当我们使用:htt
任何人都知道 Facebook 是否支持在共享链接时嵌入视频(或其他媒体)的 oEmbed。我用谷歌搜索但无法得到明确的答案。 我的问题 Facebook 开发者论坛没有答案。 http://foru
我在我的页面中为 youtube/vimeo 视频使用 jquery-oembed-all。它比我需要的尺寸稍大或更大。我尝试更改持有 a 的 class 的 css 属性,但它没有用。虽然我可以通过
我目前正在一个网站上工作,我对使用 oembed 还很陌生。关于存储和缓存响应的最佳实践是什么?如果最终速度是我的目标,并且我正在工作的网站有可能产生大量流量,我是否最好通过仅存储端点和媒体 url
似乎大多数(如果不是全部)oEmbed 提供商端点都没有启用 CORS。这意味着我必须使用 JSONP(对于那些支持它的人)或通过服务器代理才能使用 oEmbed。 有一项公司政策禁止使用来自第 3
oEmbed API 直接调用的结果中包含的thumbnail_url 响应“5xx 服务器错误”(响应代码为404)。 这似乎并非发生在所有帖子中。它似乎发生在具有多个图像的帖子中。 这是某种错误吗
我的 wordpress 网站有问题。当我插入一些要嵌入的 url 时,它无法正常工作。 这是问题网址:https://www.duosia.id/windows/cara-mengekstrak-f
tumblr 支持从许多提供 oembed json/xml 文件(youtube、vimeo、dailymotion)的视频网站(youtube、vimeo、dailymotion)复制和粘贴链接,
我正在使用 django-oembed 应用程序嵌入(在其他内容中)一些 flickr 照片:使用这个: {% oembed %} http://www.flickr.com/photos/majd
我正在尝试使用自己的函数(从来不喜欢 $(document).ready())从 URL 动态加载嵌入内容。 我正在尝试这样: function video(donde,url) { $("#
我总体上对 JavaScript 很熟悉,但我还没有掌握回调。我这里有这段代码,它只是将播放器嵌入到页面的 div 位置。我使用 php 从 json 获取 uri。
我在 ajax 中加载一个带有 Bootstrap 轮播的模态/popin,其中每张幻灯片都是(不是关于延迟加载的许多问题中的图像),而是来自各种社交网络( facebook , instagram
在自定义 WordPress 主题中,我使用 WP_Query 在主页上提取自定义帖子类型信息。我将一些数据存储在变量中,结束自定义查询和循环,重置查询,然后稍后在页面中调用变量。 oEmbed 适用
现在 YouTube 返回分钟。宽度和高度。如何调整GET调用改变返回html ? 例如: "html": "" 当前的 https://www.youtube.com/oembed?url=http
我是一名优秀的程序员,十分优秀!