Embed DTubes videos in websites (english/german)

in dtube •  3 months ago

Embed DTubes videos in websites

In the chat the question has been raised how DTube videos can be integrated in websites. Since I do not feel like writing a tutorial, I have written a browser extension.

Now another browser extension called DTube Share is born.

header_440x280.png

Where can I find the extension?

At the moment, in the Chrome Store.


ChromeWebStore.png

How does it work?

  • Install the extension
  • Make a right click on a DTube video
  • Click DTube Share
  • Copy the code to your Website
  • Done

screenshot1.png

screenshot2.png

If you want more functions, then you can gladly support me:-)
It just does what it should, there will be no wonder in 60 minutes.

How can I help you?

I set it all under the MIT license at https://github.com/pcsg/dtube-share

  • You can help develop
  • You can vote
  • You can resteem
  • You may also post a smiley if you wish :-)
  • a comment is also nice
  • For more ideas, I also have an open ear

. . .
German Version
. . .

DTubes Videos in Webseiten einbinden

Im Chat kam die Frage auf wie DTube Videos auf Webseiten eingebunden werden können. Im Prinzip ist das ganze recht einfach. Da ich aber keine Lust habe ein Tutorial zu schreiben, habe ich lieber schnell eine Browser Erweiterungen geschrieben.

So ist schnell mal eine weitere Browsererweiterung namens DTube Share entstanden.

Wo finde ich die Erweiterung?

Im Moment im Chrome Store.


ChromeWebStore.png

Wie funktionierts?

  • Installiere dir die Erweiterung
  • Mache ein Rechtsklick auf ein DTube Video
  • Klick DTube Share an
  • Kopiere den Code in deine Webseite
  • Fertig

screenshot1.png

screenshot2.png

Wenn du mehr Funktionen möchtest, dann dürft ihr mich gerne unterstützen :-)
Es macht gerade was es soll, bei 60min Arbeit wird jetzt kein Weltwunder entstehen.

Wie kann ich dich unterstützen?

Das Plugin stelle ich unter die MIT Lizenz zu finden unter https://github.com/pcsg/dtube-share

  • Du kannst mithelfen zu entwickeln
  • Du kannst voten
  • Du kannst resteemen
  • Du darfst mir auch nur ein Smiley posten wenn du möchtest :-)
  • Ein Kommentar ist natürlich auch nett ;-)
  • Für weitere Ideen habe ich auch ein offenes Ohr

Ansonsten viel Spass damit :-)

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  trending

Dicker Upvote und Resteem :-)
Sehr sinnvoll.

·

Danke. War schnell gebaut da danach gefragt wurde. Ich hoffe ja das DTube das noch einbaut :-) Solange kann man es ja so machen.

·
·

Wird dran gearbeitet weiß ich aus verlässlicher Quelle. Solange ist deine Lösung aber super praktisch!

·
·
·

Ok, alleine ist das dann wohl sehr schwer und der wird ein mächtigen Workoverload haben.

Coole Erweiterung. Dtube hat ja echt potential, steht aber irgendwie noch echt am Anfang. Neulich spielte das Ding einen Tag gar nichts....

·

Ich weis auch nicht wieviel Leute da dran entwickeln. Die haben sich auch viel vorgenommen. :-)

·
·

Aktuell arbeitet nur @heimindanger dran. Das Projekt soll aber Open Source werden in naher Zukunft. Werd mich auch wohl mit einbringen.

·
·
·

Ja würde das Erweitern aufjedenfall einfacher machen! Vor allem muss man dann nicht immer auf "Browserplugins" setzen. Und direkte Erweiterungen sind dann auch etwas stabiler :-) Dann warte ich mal auf das Repo, dann kann ich da Sachen direkt beisteuern.

·
·

Jepp, mal sehen was dabei - wann - rauskommt.

Kennst Du Dich auch mit dem Auslesen der Infos (Votes, Voter, Link usw.)aus einem Post aus?

Will meine #BeerSaturday Challenge Auswertung etwas automatisieren, habe aber beim Programmieren nach Assembler, Fortran und ein wenig Delphi und Basic aufgehört.

·
·
·

Klar. Mit dem JavaScript Clienten sollte das recht flott gehen ;-)
Schreib mich im Chat mal an, am besten morgens da bin ich aufnahmefähig :D heute geht nichts mehr ... mein Bett schreit schon nach mir ^^

·
·
·
·

Cool, danke.

Das mache ich gleich mit einem PING im Chat und dann morgen mehr....

N8

Nice :-)

·

I hope it helps :-)

·
·

I'm pretty sure it does (at least until it's implemented in dtube).

Das ist toll, danke. Ich teste das gleich mal:

<video
src=""
poster=""

edit

hmm scheint noch nicht so ganz zu funktionieren. Was mache ich denn falsch? Oder liegts daran, dass das nur ein Kommentar ist?

·

Kannst du mir den Link zu dem Video geben? Dann schau ich mal :-) (... Also die URL vom Browser)

·
·
·
·
·

Hmm, sehr komisch. Also ich war direkt auf dem Video, hab Rechtsklick gemacht und folgenden Code bekommen:

<video
 src="https://mercury.i.ipfs.io/ipfs/QmSZZtWDH8Aqem4NZeYenFAmZmNQRcHogDov4QiQAtpiMD"
 poster="https://scrappy.i.ipfs.io/ipfs/QmShTg2sMq3NAYfTS7LbKiDjiASFTgsVfkxRPsiiUXo6m4"
 autoplay
 controls
></video>

Getestet in Firefox und Chrome. Welchen Browser und welche Browser Version hast du denn?

//edit
Das Video ist bei mir generell kaputt, also läuft auch nicht auf DTube ... vllt liegt es daran?

·
·
·
·

Diesen Code bekomme ich auch. Wenn ich ihn eintippe, dann sieht die Vorschau so aus wie oben beim Test.

Das Problem mit dem Einbetten tritt auch bei anderen Videos auf, die eigentlich funktionieren (kommt bei meinem "falscher Mime Typ"?). Hier ein Test mit diesem Video hier.

Das ist der Code:

 src="https://ipfs.io/ipfs/QmXsTB553LbhouhHdTuJ8bPG5HJUNvfYT9dMrdphbb5LPu"
 poster="https://earth.i.ipfs.io/ipfs/QmPntFMFLBfbTxY2UnyEjFfstwfCAZWchtMxuiic1VWLny"
></video>

... und so sieht das Ergebnis aus:

<video
src=""
poster=""

Ich glaube, es liegt an der Video src, die falsch ist. Wenn ich nur die Quelle als Link setze..

..dann kommt gar nichts. Eigentlich sollte da hinter dem Zitatzeichen eine URL stehen.

·
·
·
·
·

O.O ... ha, das ja witzig ... ich schau mir das mal näher an! Ich meld mich. Kannst auch gerne mal in den #deutsch Chat kommen ... bin Abends da eigentlich immer anzutreffen ;-)

·
·
·
·
·

Also habs nochmal getestet, bei mir kommt das richtige Video. Dein Videocode ist auch nicht der gleiche wie meiner. Müsstest mal im Chat vorbei schauen, dann können wa das genauer durchgehen ;-)

·
·
·
·
·
·

wo und was ist der chat?

·
·
·
·
·
·
·

Schau mal rechts im Menü .. da gibt's steemit.chat ... 😉 ... Ich bin morgen wieder da

Thank Youuuuuuuuuuuuuuuuu

Im continuing follow your cool content :)

I WILL ALSO FOLLOW EVERYONE ON THIS ARTICLE

·

I wish you a lot of fun ...

Supi, darauf hatte ich gewartet. Wird geteilt. Danke! ;)

·

Bitteschön ;-)

should this extension post to steemit? that's my question?

·

what should it post on steemit? the extension helps you to insert DTube video to your website, wordpress, drupal ... or every content management system

·
·

Why? Because if you post video on DTube you got created post on Steemit with a picture linked to DTube video. It should be better to embed video in post from my opinion....

·
·
·

hmm sorry, i dont understand your criticism or you missed what the plugin do :-) The Problem what some peopel have is, they want to embed DTube Videos into their Wordpress Page or Drupal Page. But they dont know how they find the Video URL.

At the moment, DTube does not have a proper share function yet The Plugin helps with that Problem. I hope it clears a little bit for you :-)

·
·
·
·

Hi, sorry if you understand as criticism, it wasn't mean like that. Agree, of course the plugin is great . Just suggestion from my point of view.

·
·
·
·
·

ahh, no, all is fine ;-)
i only dont understand what do you want to explain ... but now its more clear

·

You are welcome :-)

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by dehenne from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

Thanks and have shared for others to enjoy @dehenne

·

Thank you :-)

This post has received a 3.05 % upvote from @nettybot thanks to: @dehenne.

Send 0.100 SBD to @nettybot with a post link in the memo field to bid on the next vote.

Oh, and be sure to vote for my owner, @netuoso, as Steem Witness

Have a great day!

Congratulations @dehenne! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments received

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Congratulations @dehenne! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

Cool! Danke für deine Idee und Umsetzung!

·

Gern geschehen :-)