我正在使用oembed对youtube进行JSONp调用,并且响应firebug会出现"invalid label"错误
这是我的代码
site = "www.youtube.com";
url = "http://www.youtube.com/watch?v=slORb622ZI8";
$.getJSON("http://"+site+"/oembed?callback=?",{"format":"json","url":url},function(data){
alert("hello:\n"+data);
alert(data.provider_url);
});
任何人遇到oembed jsonp请求的类似问题？
我想使用oembed从youtube链接获取jQuery的嵌入代码:
var url = "http://www.youtube.com/watch?v=iwGFalTRHDA";
url = encodeURIComponent(url);
$.getJSON('http://youtube.com/oembed?url='+url+'&format=json', function(data) {
console.log(data);
});
好吧,我没有得到任何数据.
有趣的是,如果我浏览到网址,我会得到正确的回复:
http://www.youtube.com/oembed?url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DiwGFalTRHDA&format=json`
引导我
{
provider_url: "http://www.youtube.com/"
title: "Trololo"
html: "<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/iwGFalTRHDA?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/iwGFalTRHDA?version=3" type="application/x-shockwave-flash" width="425" height="344" allowscriptaccess="always" allowfullscreen="true"></embed></object>"
author_name: "KamoKatt"
height: 344
thumbnail_width: 480
width: 425
version: "1.0"
author_url: "http://www.youtube.com/user/KamoKatt"
provider_name: "YouTube"
thumbnail_url: "http://i2.ytimg.com/vi/iwGFalTRHDA/hqdefault.jpg"
type: "video"
thumbnail_height: 360
}
我还使用了jquery oembed插件,但是如果请求成功,也会抛出onError选项.
我真的很期待一些想法......
我在 Twitter API 中使用 oembed 来嵌入推文小部件。它可以很好地获取 JSON 响应，但它仅以文本形式显示推文，而不是嵌入的小部件响应。Twitter 发送的 javascript 没有触发。
$(document).ready(function()
{$.getJSON("https://api.twitter.com/1/statuses/oembed.json?id=133640144317198338&align=center&callback=?", function(data)
{$('#target').html(data.html);
});
});
然后对于 html：
<body >
<div id="target"></div>
</body>
================================================== ================
响应格式为纯文本版本，而不是小部件。
我需要实现pinterest提供的丰富引脚(http://developers.pinterest.com/rich_pins/).推荐的方法之一是使用oembed.不幸的是,我不熟悉oembed标签,并想知道是否有人可以提供更多的见解.oembed标签的语法是什么？我应该用标签包围吗？应该叫它的任何特定地方？
任何帮助将不胜感激.TIA
我有一个javascript函数,可以加载Instagram帖子的HTML嵌入代码.帖子出现了,但照片被灰色背景和Instagram徽标取代.帖子确实包含其他信息,如主题标签,发布时间和用户名.我相信问题是Instagram embeds.js JavaScript库没有正确加载.我知道我可以手动执行此操作,但在我的代码中在语法和位置方面如何执行此操作时遇到困难.以下是我的代码.
<script type="text/javascript">
var auto_refresh = setInterval(
(function () {
$("#latestData").load("displayPost.php");//displayPost.php "echo" html embed code
}), 10000);
</script>
<div id="latestData"></div>
<script src="https://platform.instagram.com/en_US/embeds.js"></script>
<script>if ( typeof window.instgrm !== 'undefined' ) {
window.instgrm.Embeds.process();
}</script>
我用这些来试图解决这个问题.
我正在 Strapi 上使用 WYSIWYG 富文本插件。添加媒体 url 返回以下字符串，然后我dangerouslySetInnerHTML在 React 中使用该字符串将其转换为 HTML。
<figure class="media">
<oembed url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"></oembed>
</figure>
但这不会在浏览器中呈现 YouTube 视频。
我不确定如何让它渲染。查看 oEmbed，大多数情况下它似乎会转换为 iframe，但不确定当它从 HTTP 请求响应作为字符串返回时如何执行此操作。
当我在我的PHP代码中使用oembed URL $video->width并$video->height从我上传的视频中提取时,我得到的值与我看到的与Youtube视频相关的任何内容都不匹配.
上传到Youtube的原始视频尺寸:640 x 336
oembed返回:480 x 270
从Youtube页面UI分享时最小的嵌入选项:560 x 316
有谁知道oembed在哪里获得这些价值？为什么默认为480？有没有办法获得真正的视频尺寸,或者最低限度突破640 x [proportional_height]？
我的目标是在嵌入我的网站时保留视频的原生尺寸(无缩放),而用户实际上无需再次键入视频尺寸.
我有一段(jQuery)ajax代码,在过去几周左右的时间里已经开心工作了大约9个月.
此代码使用Instagram的嵌入端点,允许我从普通的Instagram链接中获取媒体源(图像或视频),http://instagram.com/p/BUG/无论用户是谁,也不需要access_token.
简化示例:
var URL = "http://api.instagram.com/oembed?url=http://instagram.com/p/BUG/";
$(document).ready(function () {
$.ajax({
url: URL,
dataType: "jsonp",
cache: false,
success: function (response) {
console.log(response.url);
},
error: function () {
console.log("couldn't process the instagram url");
}
});
});
在上面的代码中,response.url将返回完整的媒体URL源,如:
http://photos-a.ak.instagram.com/xxxx/1234_123456123_123456_n.jpg // image or
http://distilleryvesper3-15.ak.instagram.com/b0c957463548362858_101.mp4 // video
然后我可以使用返回的URL将媒体文件嵌入我的网页.
注意:
由于想法是获取任何Instagram链接的URL源而不管用户,因此使用媒体端点不是一种选择.
Instagram的oembed端点允许您获得json响应,直到最近几周才有这种结构:
{
"provider_url" : "http:\/\/instagram.com\/",
"media_id" : "123456789_123456789",
"title" : "the title",
"url" : "http:\/\/photos-a.ak.instagram.com\/hphotos-ak-xfp1\/12345678_123456789012345_1234567890_n.jpg",
"author_name" : …GitHub 如何支持 oembed？
根据这个旧要点 https://gist.github.com/skabber/54099
// URL scheme: http://gist.github.com/*
// API endpoint: http://gist.github.com/services/oembed/
// Example call: http://gist.github.com/services/oembed/?url=http%3A//gist.github.com/54099
但不幸的是，这不起作用。（我得到了 http 404）
现在我知道 GitHub 允许 oembed 因为我可以在 medium.com 上的文章中嵌入片段
有人可以告诉我访问 GitHub Oembed 服务所需的 URL 吗？
ps 只是为了帮助：如果我问的是 Flick 而不是 GitHub 这个 URL 就是正确的答案：http ://www.flickr.com/services/oembed/?format=json&url =http% 3A//www .flickr.com/photos/bees/2341623661/
ps II 如果有人想知道我为什么要这样做，那是因为我想看看 GitHub 提供的 JSON 响应
这可能是一个非常简单的问题,但我无法弄清楚如何呈现嵌入式推文.
为简单起见,这是我的控制器:
class TweetsController < ApplicationController
def index
@tweet = twitter_client.oembed('527501479142109184')
end
end
在视图中,如果我只是执行以下操作,它仅显示对象:
<%= @tweet %>
即 #<Twitter::OEmbed:0x007fb878abc5d8>
在检查时,这给出:
#<Twitter::OEmbed:0x007fb875cacd28 @attrs={:cache_age=>"3153600000", :url=>"https://twitter.com/HuayuanSong/statuses/527501479142109184", :height=>nil, :provider_url=>"https://twitter.com", :provider_name=>"Twitter", :author_name=>"Huayuan Song", :version=>"1.0", :author_url=>"https://twitter.com/HuayuanSong", :type=>"rich", :html=>"<blockquote class=\"twitter-tweet\"><p>Jeg kunne lide en video på <a href=\"https://twitter.com/YouTube\">@YouTube</a> <a href=\"http://t.co/hhhTvyJA6y\">http://t.co/hhhTvyJA6y</a> Obama: U.S. leading the way against Ebola spread</p>— Huayuan Song (@HuayuanSong) <a href=\"https://twitter.com/HuayuanSong/status/527501479142109184\">October 29, 2014</a></blockquote>\n<script async src=\"//platform.twitter.com/widgets.js\" charset=\"utf-8\"></script>", :width=>550}>
显然,这非常简单,我只是使用这个概念证明类型的东西.有人可以解释我如何从拥有该对象到能够显示实际的嵌入式推文？
谢谢