<center><a href='https://d.tube/#!/v/baillieogrady/tq6yt63fv9h'><img src='https://i.ytimg.com/vi/4uRRi7SJDfk/maxresdefault.jpg'></a></center><hr> https://www.youtube.com/watch?v=4uRRi7SJDfk Forever searching for a simple, jQuery free way to create video modal and finally, I found it. Just recently after 3 years in web development I discovered Glightbox. In this video I'll be showing you how I create my video modals using the pure javascript library Glightbox. Previously I used fancybox and although it is a great library, it requires jQuery, which I find redundant for a simple website feature like a modal. Source code ..... https://codepen.io/baillieo/pen/bGbmxgb Libraries ............ Glightbox: https://biati-digital.github.io/gligh... Website...... https://baillieogrady.com Github......... https://github.com/baillieogrady Facebook.... http://bit.ly/2MOq2Y1 Twitter......... https://twitter.com/baillieogrady Music ................ https://www.youtube.com/watch?v=_zZYU... Thanks for watching! <hr><a href='https://d.tube/#!/v/baillieogrady/tq6yt63fv9h'> ▶️ DTube</a><br /><a href='https://www.youtube.com/watch?v=4uRRi7SJDfk'> ▶️ YouTube</a>
post_id | 80,479,537 | ||||||
---|---|---|---|---|---|---|---|
author | baillieogrady | ||||||
permlink | tq6yt63fv9h | ||||||
category | dtube | ||||||
json_metadata | "{"video":{"videoId":"4uRRi7SJDfk","url":"https:\/\/www.youtube.com\/watch?v=4uRRi7SJDfk","title":"Pure JS Video Modal | HTML, CSS & JavaScript","description":"Forever searching for a simple, jQuery free way to create video modal and finally, I found it. Just recently after 3 years in web development I discovered Glightbox. In this video I'll be showing you how I create my video modals using the pure javascript library Glightbox. Previously I used fancybox and although it is a great library, it requires jQuery, which I find redundant for a simple website feature like a modal.\n\nSource code ..... https:\/\/codepen.io\/baillieo\/pen\/bGbmxgb\nLibraries ............ Glightbox: https:\/\/biati-digital.github.io\/gligh...\n\nWebsite...... https:\/\/baillieogrady.com\nGithub......... https:\/\/github.com\/baillieogrady\nFacebook.... http:\/\/bit.ly\/2MOq2Y1\nTwitter......... https:\/\/twitter.com\/baillieogrady\n\nMusic ................ https:\/\/www.youtube.com\/watch?v=_zZYU...\n\nThanks for watching!","owner":"Baillie O'Grady","channelId":"UCNfYodcO72M8CbCdR-pTnGg","thumbnailUrl":"https:\/\/i.ytimg.com\/vi\/4uRRi7SJDfk\/maxresdefault.jpg","datePublished":"2019-09-18","genre":"Education","isFamilyFriendly":true,"duration":376,"channelThumbnailUrl":"https:\/\/yt3.ggpht.com\/a\/AGF-l7_IbdEEVoV8426ZYJ1jfMV7487VMKCMPmJjRg=s48-c-k-c0xffffffff-no-rj-mo","providerName":"YouTube","app":"dtube\/0.9","refs":[]},"tags":["dtube","gaming"],"app":"dtube\/0.9"}" | ||||||
created | 2019-09-30 21:14:51 | ||||||
last_update | 2019-09-30 21:14:51 | ||||||
depth | 0 | ||||||
children | 3 | ||||||
net_rshares | 3,338,891,234,092 | ||||||
last_payout | 2019-10-07 21:14:51 | ||||||
cashout_time | 1969-12-31 23:59:59 | ||||||
total_payout_value | 0.379 SBD | ||||||
curator_payout_value | 0.420 SBD | ||||||
pending_payout_value | 0.000 SBD | ||||||
promoted | 0.000 SBD | ||||||
body_length | 1,161 | ||||||
author_reputation | 2,505,468,165,065 | ||||||
root_title | "Pure JS Video Modal | HTML, CSS & JavaScript" | ||||||
beneficiaries |
| ||||||
max_accepted_payout | 1,000,000.000 SBD | ||||||
percent_steem_dollars | 10,000 | ||||||
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
cardboard | 0 | 9,877,004,905 | 100% | ||
steemitboard | 0 | 15,765,040,787 | 1% | ||
juanangel40bcn | 0 | 4,788,749,166 | 100% | ||
tipu | 0 | 3,297,422,040,006 | 3.78% | ||
cfminer | 0 | 637,661,137 | 100% | ||
tipu.curator | 0 | 10,400,738,091 | 25% |
!tipuvote 1 :)
post_id | 80,493,214 |
---|---|
author | cardboard |
permlink | re-baillieogrady-pyoxf0 |
category | dtube |
json_metadata | {"tags":["dtube"],"app":"steempeak\/1.17.1"} |
created | 2019-10-01 10:06:39 |
last_update | 2019-10-01 10:06:39 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2019-10-08 10:06:39 |
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 | 14 |
author_reputation | 11,779,072,940,600 |
root_title | "Pure JS Video Modal | HTML, CSS & JavaScript" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
This post is supported by @tipU upvote funded by @cardboard :)<br><strong><a href="https://steemit.com/@tipu/tipu-voting-service-quick-guide-updated-05-10-2018" target="_blank">@tipU voting service</a></strong> + <strong><a href="https://steemit.com/steemit/@tipu/tipu-new-feature-profit-sharing-tokens-for-voting-service-users" target="_blank">profit sharing tokens</a></strong> | <strong><a href="https://tipu.online" target="_blank">For investors</a></strong>.
post_id | 80,493,307 |
---|---|
author | tipu |
permlink | re-tq6yt63fv9h-20191001t101131 |
category | dtube |
json_metadata | {} |
created | 2019-10-01 10:11:33 |
last_update | 2019-10-01 10:11:33 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2019-10-08 10:11: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 | 463 |
author_reputation | 55,804,171,747,699 |
root_title | "Pure JS Video Modal | HTML, CSS & JavaScript" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |
Congratulations @baillieogrady! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) : <table><tr><td><img src="https://steemitimages.com/60x70/http://steemitboard.com/@baillieogrady/posts.png?201910010920"></td><td>You published more than 10 posts. Your next target is to reach 20 posts.</td></tr> </table> <sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@baillieogrady) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=baillieogrady)_</sub> <sub>_If you no longer want to receive notifications, reply to this comment with the word_ `STOP`</sub> To support your work, I also upvoted your post! ###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!
post_id | 80,494,247 |
---|---|
author | steemitboard |
permlink | steemitboard-notify-baillieogrady-20191001t105714000z |
category | dtube |
json_metadata | {"image":["https:\/\/steemitboard.com\/img\/notify.png"]} |
created | 2019-10-01 10:57:12 |
last_update | 2019-10-01 10:57:12 |
depth | 1 |
children | 0 |
net_rshares | 0 |
last_payout | 2019-10-08 10:57:12 |
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 | 907 |
author_reputation | 38,705,954,145,809 |
root_title | "Pure JS Video Modal | HTML, CSS & JavaScript" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 SBD |
percent_steem_dollars | 10,000 |