embedded dtube videos in your web site by homebrew4less

embedded · @homebrew4less · Aug 24 '17 (edited)

$0.34

embedded dtube videos in your web site

<html>
<p>I was trying to embed dtube videos in my web site web site, and driving myself crazy</p>
<p>But with the help of @heimindanger I got it going</p>
<p>The html code is</p>
<p>&lt;video src="https://ipfs.io/ipfs/<strong>your_VIDEO_hash_here</strong>" poster="https://ipfs.io/ipfs/<strong>your_SNAP_hash_here" controls</strong>="" class="videoplayer"&gt;&lt;/video&gt;</p>
<p>&nbsp;Note: If you want to make it autoplay you need to add &nbsp;<code>autoplay=""</code></p>
<p>Replace &nbsp;<strong>your_VIDEO_hash_here</strong> &nbsp;and <strong>your_SNAP_hash_here</strong> with the hash of your video</p>
<p>I got the <strong>VIDEO_hash </strong>by viewing the video in Dtube and right clicking the video and clicking COPY VIDEO ADDRESS &nbsp;(I'm using chrome browser)</p>
<p><img src="http://dl4.joxi.net/drive/2017/08/24/0024/3270/1625286/86/c9bea3a098.jpg" width="1856" height="864"/></p>
<p><br></p>
<p>I got the <strong>SNAP_hash</strong> by viewing the blog post created by Dtube in Steemit, and right clicking it, and copying image address</p>
<p><img src="http://dl3.joxi.net/drive/2017/08/24/0024/3270/1625286/86/d34ef3b2b0.jpg" width="1330" height="948"/></p>
<p><br></p>
<p>If you want to see the final result, check out my page<br>
https://supplies.homebrew4less.com/blogs/news/riptide-brewing-pump-by-blichmann-engineering<br>
<br>
Hope this is helpful to those who are trying to figure this out as well</p>
<p>NOTE: At this time it steemit does not support &nbsp;&lt;video &gt; tag in our posts here, so this won't work on steemit</p>
</html>

👍 heimindanger, homebrew4less, nrg, arnav-ray, katakoto, matana, sometoughts, asmr4u, nicknightshade, kieranpearson, zavz9t, intuitivejakob, auraculus, captainquack22, movievigilante, dbarison, ackza, romz410, dezfutak, harounkola

`post_id`	10,916,581
`author`	homebrew4less
`permlink`	embedded-dtube-videos-in-your-web-site
`category`	embedded
`json_metadata`	"{"format": "html", "links": ["https://ipfs.io/ipfs/", "https://supplies.homebrew4less.com/blogs/news/riptide-brewing-pump-by-blichmann-engineering"], "app": "steemit/0.1", "tags": ["embedded", "dtube", "video", "html"], "users": ["heimindanger"], "image": ["http://dl4.joxi.net/drive/2017/08/24/0024/3270/1625286/86/c9bea3a098.jpg"]}"
`created`	2017-08-24 04:37:27
`last_update`	2017-08-24 13:48:33
`depth`	0
`children`	13
`net_rshares`	85,853,736,403
`last_payout`	2017-08-31 04:37:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.268 SBD
`curator_payout_value`	0.073 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	1,563
`author_reputation`	-4,032,325,252
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (20)

voter	rshares	pct
harounkola	0	100%
heimindanger	84,383,996,999	100%
dezfutak	0	100%
romz410	0	100%
ackza	0	100%
dbarison	0	100%
nrg	372,943,676	1.11%
movievigilante	0	100%
captainquack22	0	100%
homebrew4less	1,096,795,728	100%
auraculus	0	100%
intuitivejakob	0	100%
zavz9t	0	100%
kieranpearson	0	100%
nicknightshade	0	0%
asmr4u	0	100%
sometoughts	0	100%
matana	0	100%
katakoto	0	100%
arnav-ray	0	100%

@steemitboard · Aug 24 '17

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

[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/posts.png)](http://steemitboard.com/@homebrew4less) Award for the number of posts published

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click [here](https://steemit.com/@steemitboard)

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](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!

properties (22)

`post_id`	10,916,780
`author`	steemitboard
`permlink`	steemitboard-notify-homebrew4less-20170824t044136000z
`category`	embedded
`json_metadata`	"{"image": ["https://steemitboard.com/img/notifications.png"]}"
`created`	2017-08-24 04:41:36
`last_update`	2017-08-24 04:41:36
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2017-08-31 04:41:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	704
`author_reputation`	38,705,954,145,809
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@auraculus · Sep 7 '17

I'm trying to figure how to embed dtube itself to steemit

👍 harounkola, cinemaninja

`post_id`	12,206,483
`author`	auraculus
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170907t163454181z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-07 16:34:54
`last_update`	2017-09-07 16:34:54
`depth`	1
`children`	1
`net_rshares`	966,857,944
`last_payout`	2017-09-14 16:34:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	57
`author_reputation`	-14,017,374,183
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
harounkola	0 B		966,857,944	100%
cinemaninja	0 B		0	100%

@harounkola · Sep 8 '17

Me too. It would be awesome if it could be automatically embedded if the url was posted into the editor.

👍 meansunlare, eikejanssen

`post_id`	12,284,974
`author`	harounkola
`permlink`	re-auraculus-re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170908t140845649z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-08 14:08:45
`last_update`	2017-09-08 14:08:45
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-09-15 14:08:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	104
`author_reputation`	35,938,136,638
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
eikejanssen	0 B		0	10%
meansunlare	0 B		0	100%

@zavz9t · Sep 9 '17

Thanks man, it is very useful information for me!!!

properties (22)

`post_id`	12,358,419
`author`	zavz9t
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170909t092505238z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-09 09:25:06
`last_update`	2017-09-09 09:25:06
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2017-09-16 09:25:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	51
`author_reputation`	764,422,274,252
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@chaser232 · Sep 12 '17

add autoplay where?

properties (22)

`post_id`	12,600,249
`author`	chaser232
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170912t025121866z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-12 02:51:21
`last_update`	2017-09-12 02:51:21
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2017-09-19 02:51:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	19
`author_reputation`	63,908,048,418
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@homebrew4less · Sep 15 '17 (edited)

Try before /video closing tag

properties (22)

`post_id`	12,948,651
`author`	homebrew4less
`permlink`	re-chaser232-re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170915t232706398z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-15 23:27:03
`last_update`	2017-09-15 23:27:18
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-09-22 23:27:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	29
`author_reputation`	-4,032,325,252
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@intuitivejakob · Sep 13 '17

Hey, so happy I found this tutorial! I have been trying to figure this one out myself (newbie on his 7th day here), because I've been staying the heck away from YouTube for videos.

Thanks for all the work in figuring it out and sharing it here for all of us!

properties (22)

`post_id`	12,753,205
`author`	intuitivejakob
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20170913t184516486z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-09-13 18:45:15
`last_update`	2017-09-13 18:45:15
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2017-09-20 18:45:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	259
`author_reputation`	34,232,959,354,657
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@movievigilante · Nov 7 '17

Thanks for this. I wasn't sure there was a way to do it before I found your post.

However, I'm having trouble with adjusting the size. I've embedded 3 videos on my blog but each one is a different size. I've changed the 0x0 in the code with my own dimensions  to make all 3 the same, yet they're all different sizes. One is way too big.

Also, on one of my videos it says "video format or MIME type is not supported" even though my video is playable on DTube.

Any suggestions?

properties (22)

`post_id`	17,046,971
`author`	movievigilante
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20171107t020658824z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2017-11-07 02:07:06
`last_update`	2017-11-07 02:07:06
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2017-11-14 02:07:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	478
`author_reputation`	780,229,240,448
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@meansunlare · Jan 9 '18

I'm actually trying to figure out how to embed  dtube thumbnails on facebook

properties (22)

`post_id`	24,497,649
`author`	meansunlare
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20180109t040206029z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2018-01-09 04:02:06
`last_update`	2018-01-09 04:02:06
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2018-01-16 04:02:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	76
`author_reputation`	35,300,249,728
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@orestistrips · Feb 17 '20

I think that's still impossible.

properties (22)

`post_id`	84,485,200
`author`	orestistrips
`permlink`	q5v1tu
`category`	embedded
`json_metadata`	{"app":"steemit\/0.1"}
`created`	2020-02-17 19:22:48
`last_update`	2020-02-17 19:22:48
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2020-02-24 19:22:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	32
`author_reputation`	2,046,968,271,807
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@romz410 · Jan 11 '18

This helped a lot

properties (22)

`post_id`	24,927,351
`author`	romz410
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20180111t035131062z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2018-01-11 03:51:33
`last_update`	2018-01-11 03:51:33
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2018-01-18 03:51:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	17
`author_reputation`	11,277,743,744,431
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@camuel · Feb 21 '18

Very helpful. Thanks!

properties (22)

`post_id`	34,340,359
`author`	camuel
`permlink`	re-homebrew4less-embedded-dtube-videos-in-your-web-site-20180221t230608595z
`category`	embedded
`json_metadata`	"{"app": "steemit/0.1", "tags": ["embedded"]}"
`created`	2018-02-21 23:06:09
`last_update`	2018-02-21 23:06:09
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2018-02-28 23:06:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	21
`author_reputation`	51,155,094,217,765
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@esbjornaneer · Dec 30 '21

I found this thread just 2021 and found it didn't work any longer.

There is now a 'Share' button on the video page in DTube. Click it and then 'Copy Embed'. Paste into your html code and done.

I then changed the size of the video by changing the width and height numbers.

Hope others find this useful.

properties (22)

`post_id`	96,632,444
`author`	esbjornaneer
`permlink`	r4xpl9
`category`	embedded
`json_metadata`	{"app":"steemit\/0.2"}
`created`	2021-12-30 15:27:09
`last_update`	2021-12-30 15:27:09
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2022-01-06 15:27:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	304
`author_reputation`	0
`root_title`	"embedded dtube videos in your web site"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000