Wie man ein Video in Instructables einbetten
3 Schritt:Schritt 1: Das Video Schritt 2: Ein Video einfügen von Blip.tv Schritt 3: von Revver.com Ein Video einfügen
Es ist für Google Video, Yahoo! Video, Metacafe, Brightcove, Revver, Blip.tv und YouTube super einfach!
Legen Sie die URL des Videos in unserem Video-Funktion innerhalb einiger eckigen Klammern wie folgt aus:
[[Video (http://www.youtube.com/watch?v=woxc2eIedlM)]]Das Video wird im Textteil der Schritt Ihres Instructable angezeigt. Sie können die Größe des Videos, indem Sie diese einstellen:
[[Video (http://www.youtube.com/watch?v=woxc2eIedlM, {width: 500, Höhe: 400})]] Sie können auch die Werkzeugleiste über den meisten Textfeldern nutzen. Klicken Sie auf die Schaltfläche Video-and-Drop in die URL des Videos. Verwenden Sie die URL, die Sie zu der aktuellen Seite auf die Video-Website mit Ihrem Video, keine spezielle "einzubetten dieses" URL. Wir kümmern uns um all die Verarbeitung zu nehmen!
** Schauen Sie Schritt 2, um zu sehen, wie Sie die richtigen embed für Blip.tv bekommen - der Prozess ist etwas weniger intuitiv als bei YouTube, aber es ist immer noch ziemlich einfach **.
Schritt 1: Das Video
- Hier habe ich das Video eingebettet von der 1D-Beschleunigungsmesser nach intoon
Beispiel:[[Video (http://www.youtube.com/watch?v=woxc2eIedlM, {width: 500, Höhe: 400})]]Anzeige:
Und hier bin eingebettet das Video von der 3D-Drucker Schokolade von Saul
UPDATE 5/14/07: Yahoo Video hat sich verändert, und ist etwas weniger leicht zu integrieren.
Um eine yahoo Video gehören, müssen Sie eine URL zu komponieren. Dies geschieht, indem der erste Teil des Yahoo Video URL gemachthttp://video.yahoo.com/video/play?vid=
und Anhängen des vid, die nicht die gleiche ist vid im ursprünglichen URL gefunden. Das wird nicht von außen funktionieren. Um die Echt vid zu finden, müssen Sie kopieren die Einbettungscode, unter dem Video gefunden. In diesem Fall sieht es so aus<Embed src='http://us.i1.yimg.com/cosmos.bcst.yahoo.com/player/media/swf/FLVVideoSolo.swf'flashvars='id=598437&emailUrl=http%3A%2F%2Fvideo.yahoo.com%2Futil%2Fmail%3Fei%3DUTF-8%26vid%3D54937&imUrl=http%253A%252F%252Fvideo.yahoo.com%252Fvideo%252Fplay%253Fei%253DUTF-8%2526vid%253D54937&imTitle=Lego%2Bchocolate%2Bprinter&searchUrl=http://video.yahoo.com/video/search?p=&profileUrl=http://video.yahoo.com/video/profile?yid=&creatorValue=ZXJpY2p3aWxoZWxt&vid=54937' type = "application / x-shockwave-flash" width = "425" height = "350"> </ embed>
Die wirkliche vid ist nach dem Text gefunden "flashvars =" id = ", oder in diesem Fall 598437. Hinzufügen, dass die Rückseite des URL zu bekommen:http://video.yahoo.com/video/play?vid=598437
und verwenden Sie dann das Video einbetten wie normal. In diesem Fall haben wir[[Video (http://video.yahoo.com/video/play?vid=598437)]]
Hier habe ich einige Videos von Google Video einbetten[[Video (http://video.google.com/videoplay?docid=-1300191479870868157&q=how+to+cut+wood, {width: 400, Höhe: 300})]]
Hier bin aMetacafe Video einbetten,
http://www.metacafe.com/watch/445498/robotic_beer_launching_refrigerator/[[Video (http://www.metacafe.com/watch/445498/robotic_beer_launching_refrigerator, {width: 400, Höhe: 300})]]
Einbetten eines Videos von Brightcove ist wirklich einfach zu bedienen wie gut tun. Sie nehmen einfach den Link, dass Brightcove erhalten Sie, wenn Sie auf "Link direkt auf dieses" klicken und fügen Sie ihn in das Eingabevideoleiste auf instructables.
Hier ist der Link für die "Twilight Zone" Lighter Trick auf InstructablesTV.http://www.brightcove.com/title.jsp?title=494918786
Wenn ich das gleiche Text in das Video-bar erhalte ich das folgende Video:
Schritt 2: Ein Video einfügen von Blip.tv
-
Um ein Video von blip.tv einzubetten, zuerst ein Video hochladen, um Sie Konto blip. Blip.tv erstellt automatisch eine Flash-Version von jedem Video, das Sie hochladen. Die Umwandlung kann manchmal eine Minute dauern, so warten Sie, bis es fertig ist, sonst werden Sie nicht in der Lage, um den richtigen Code einzubetten.
Sobald Sie eine FLV-Version Ihres Video, klicken Sie auf den "Share" Button Ihres Videos. Ein Fenster wird in der Registerkarte unten öffnen. Wählen Sie "MySpace" von "Wo wollen Sie, um das Video setzen wollen."
Blättern Sie nach unten, wo es heißt "Kopieren Sie die HTML unten, um in MySpace Einfügen".
Die embed ist eine lange Textzeile, die unmittelbar nach den Buchstaben beginnt:src = "
Kopieren Sie alles, was nach dem ersten Anführungszeichen, einschließlich, aber nicht über die Erweiterung:.flv
So Blip.tv gibt Ihnen die gesamte embed von:
<Embed wmode = "transparent" src = "http://blip.tv/scripts/flash/blipplayer.swf?autoStart=false&file=
http://blip.tv/file/get/InstructablesTV-CanKnifeOpen517.flv%3Fsource
% 3D3 "Qualität =" high "width =" 320 "height =" 240 "name =" movie "
type = "application / x-shockwave-flash" plugins =
"Http://www.macromedia.com/go/getflashplayer"> </ embed>
aber der Teil, der die instructable braucht, ist nur:
http://blip.tv/scripts/flash/blipplayer.swf?autoStart=false
& File = http: //blip.tv/file/get/InstructablesTV-CanKnifeOpen517.flv
Wenn Sie diesen Text in den Videobereich auf instructables einfügen, also so:[[Video(http://blip.tv/scripts/flash/blipplayer.swf?autoStart=false&file=http://blip.tv/file/get/InstructablesTV-CanKnifeOpen517.flv, {Width: 320, Höhe: 240})]]- beachten Sie, sollte es keine Zeilenumbrüche im obigen Code sein, wenn Sie also einfach kopieren und einfügen, stellen Sie sicher, es ist alles in einer Zeile ohne Leerzeichen.
Sie sollten eine schöne Flash-Version des Player und Video wie diese zu erhalten.
Schritt 3: von Revver.com Ein Video einfügen
-
Einbetten eines Videos aus Revver erfordert ein wenig URL Hacking, aber es ist möglich.
Zuerst gehen Sie auf die entsprechenden Videoseite, und wählen Sie "Grab-Code". Dann unter Format, wählen Sie "Flash-Embed" und kopieren Sie den Text, der oben in das Textfeld angezeigt wird.
In diesem Fall erhalten wir:<Embed type="application/x-shockwave-flash"src="http://flash.revver.com/player/1.0/player.swf"pluginspage="http://www.macromedia.com/go/getflashplayer" scale = "noScale" salign = "TL" bgcolor = "# 000000" flashvars = "Mediaid = 218941 & AffiliateID = 0 & allowFullScreen = true" allowfullscreen = "true" height = "392" width = "480"> </ embed>
Was wir daraus tun müssen, ist neu zu erstellen ein Flash eingebettet url. Also werden wir den Link nach "src", das ist zu nehmen:http://flash.revver.com/player/1.0/player.swf
und fügen Sie ein Fragezeichen und der Mediaid, das ist in diesem Fall 218.941, was zu:http://flash.revver.com/player/1.0/player.swf?mediaId=218941
Jetzt müssen wir Instructables zu denken, dies ist ein Flash-Video zu betrügen, so dass wir den obigen Link und ad a "& .swf", es zu nehmen, was zu:http://flash.revver.com/player/1.0/player.swf?mediaId=218941&.swf
Dann kann man unseren normalen Video Abmessungen zu verwenden, aber ich würde Revver Standardbreite und -höhe, 480x392 empfehlen. Der resultierende Code ist:[[Video (http://flash.revver.com/player/1.0/player.swf?mediaId=218941&.swf, {width: 480, Höhe: 392})]]
Welche kann unten gesehen werden:
