{"id":2116,"date":"2013-01-29T11:29:00","date_gmt":"2013-01-29T10:29:00","guid":{"rendered":"http:\/\/olbertz.de\/blog\/?p=2116"},"modified":"2013-01-29T12:03:17","modified_gmt":"2013-01-29T11:03:17","slug":"vine-videos-im-eigenen-blog-einbetten","status":"publish","type":"post","link":"https:\/\/olbertz.de\/blog\/2013\/01\/29\/vine-videos-im-eigenen-blog-einbetten\/","title":{"rendered":"Vine-Videos im eigenen Blog einbetten"},"content":{"rendered":"<p>\nVorerst gibt es noch keine offizielle M&#246;glichkeit, sich aus den eigenen (oder fremden) Vine-Videos einen Code-Snippet f&#252;r das eigene Blog zu erstellen. Technisch ist das aber <a href=\"http:\/\/olbertz.de\/blog\/2013\/01\/28\/pulp-fiction-in-unter-45-sekunden\/\">durchaus m&#246;glich<\/a>.\n<\/p>\n<p>\nUm das zu vereinfachen, habe ich ein kleines Bookmarklet geschrieben. Um es benutzen zu k&#246;nnen, zieht folgenden Link einfach in eure Lesezeichenliste:<br \/>\nVine-Bookmarklet: <a href=\"[inline]javascript:w=window.open('', 'Vine-Snippet', 'width=400,height=150,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,location=no,status=no');w.document.write('Folgenden Code kopieren:<br \/><textarea rows=%223%22 style=%22width:300px%22>&lt;iframe width=%22435%22 height=%22435%22 src=%22&#8242; + document.getElementsByTagName(&#8218;iframe&#8216;)[0].getAttribute(&#8217;src&#8216;) + &#8218;%22&gt;&lt;\/iframe&gt;<\/textarea>&#8218;);w.focus();[\/inline]&#8220;>UnCork<\/a>\n<\/p>\n<p>\nNun m&#252;sst ihr nur noch auf Twitterseite gehen, wo solch ein Vine-Video eingebettet ist. Dabei ist darauf zu achten, dass ihr wirklich die Einzelansicht des Tweets habt. Die erreicht man bei Twitter immer durch das Klicken auf die Uhrzeit ganz rechts an einem Tweet. Das sieht dann zum Beispiel so aus: <a href=\"https:\/\/twitter.com\/th1nk\/status\/295994006347857920\" target=\"_blank\">https:\/\/twitter.com\/th1nk\/status\/295994006347857920<\/a>\n<\/p>\n<p>\nAuf dieser Seite klickt ihr nun auf das Bookmarklet in der Lesezeichenleiste und schon &#246;ffnet sich ein kleines Fenster mit dem Code, den ihr f&#252;r euer Blog benutzen k&#246;nnt. Hier noch mal standesgem&#228;&#223; als Vine-Video :)\n<\/p>\n<p><iframe loading=\"lazy\" width=\"435\" height=\"435\" src=\"https:\/\/vine.co\/v\/bJpKF1Vn9Jw\/card\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vorerst gibt es noch keine offizielle M&#246;glichkeit, sich aus den eigenen (oder fremden) Vine-Videos einen Code-Snippet f&#252;r das eigene Blog zu erstellen. Technisch ist das aber durchaus m&#246;glich. Um das zu vereinfachen, habe ich ein kleines Bookmarklet geschrieben. Um es &hellip; <a href=\"https:\/\/olbertz.de\/blog\/2013\/01\/29\/vine-videos-im-eigenen-blog-einbetten\/\">Weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,74],"tags":[],"class_list":["post-2116","post","type-post","status-publish","format-standard","hentry","category-augenblicke","category-technik"],"_links":{"self":[{"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/posts\/2116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/comments?post=2116"}],"version-history":[{"count":26,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/posts\/2116\/revisions"}],"predecessor-version":[{"id":2144,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/posts\/2116\/revisions\/2144"}],"wp:attachment":[{"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/media?parent=2116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/categories?post=2116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/olbertz.de\/blog\/wp-json\/wp\/v2\/tags?post=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}