{"id":287,"date":"2026-07-12T07:45:32","date_gmt":"2026-07-12T07:45:32","guid":{"rendered":"https:\/\/www.lugyi.club\/?p=287"},"modified":"2026-07-12T07:45:33","modified_gmt":"2026-07-12T07:45:33","slug":"287-2","status":"publish","type":"post","link":"https:\/\/www.lugyi.club\/?p=287","title":{"rendered":""},"content":{"rendered":"\n<style>\n.video-card{\nmax-width:900px;\nmargin:20px auto;\nbackground:#181818;\nborder:2px solid #ffb300;\nborder-radius:18px;\noverflow:hidden;\nfont-family:Arial,sans-serif;\nbox-shadow:0 0 25px rgba(255,179,0,.25);\n}\n\n.video-box{\nposition:relative;\nbackground:#000;\n}\n\n.video-box video{\nwidth:100%;\ndisplay:block;\nbackground:#000;\n}\n\n.play-btn{\nposition:absolute;\ntop:50%;\nleft:50%;\ntransform:translate(-50%,-50%);\nwidth:85px;\nheight:85px;\nborder-radius:50%;\nbackground:#ffb300;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\nfont-size:42px;\ncursor:pointer;\nbox-shadow:0 0 20px rgba(255,179,0,.6);\ntransition:.3s;\n}\n\n.play-btn:hover{\ntransform:translate(-50%,-50%) scale(1.08);\n}\n\n.info{\npadding:18px;\ncolor:#fff;\n}\n\n.title{\nfont-size:24px;\nfont-weight:bold;\nmargin-bottom:10px;\n}\n\n.tags{\ndisplay:flex;\ngap:10px;\nflex-wrap:wrap;\nmargin-bottom:15px;\n}\n\n.tag{\nbackground:#ffb300;\ncolor:#000;\npadding:7px 14px;\nborder-radius:30px;\nfont-weight:bold;\n}\n\n.buttons{\ndisplay:grid;\ngrid-template-columns:repeat(3,1fr);\ngap:10px;\nmargin-top:15px;\n}\n\n.btn{\npadding:15px;\nborder-radius:12px;\ntext-align:center;\nfont-weight:bold;\ntext-decoration:none;\ncursor:pointer;\n}\n\n.download{\nbackground:#ffb300;\ncolor:#000;\n}\n\n.share{\nbackground:#333;\ncolor:#fff;\n}\n\n.like{\nbackground:#333;\ncolor:#fff;\n}\n\n.related{\npadding:18px;\n}\n\n.related h3{\ncolor:#fff;\nmargin-bottom:15px;\n}\n\n.grid{\ndisplay:grid;\ngrid-template-columns:repeat(auto-fit,minmax(160px,1fr));\ngap:12px;\n}\n\n.item{\nbackground:#222;\nborder-radius:10px;\noverflow:hidden;\ntext-decoration:none;\ncolor:#fff;\n}\n\n.item img{\nwidth:100%;\ndisplay:block;\n}\n\n.item p{\npadding:8px;\nmargin:0;\nfont-size:14px;\n}\n\n@media(max-width:700px){\n.buttons{\ngrid-template-columns:1fr;\n}\n.title{\nfont-size:20px;\n}\n}\n<\/style>\n\n<div class=\"video-card\">\n\n<div class=\"video-box\">\n\n<video id=\"myVideo\" poster=\"https:\/\/picsum.photos\/900\/500\" controls preload=\"metadata\">\n<source src=\"https:\/\/1mskd.sxvv.org\/media\/videos\/mp4\/1005_480p.mp4\" type=\"video\/mp4\">\n<\/video>\n\n<div class=\"play-btn\" id=\"playBtn\">&#x25b6;<\/div>\n\n<\/div>\n\n<div class=\"info\">\n\n<div class=\"title\">\n&#x1f525; Premium Video\n<\/div>\n\n<div class=\"tags\">\n<div class=\"tag\">HD<\/div>\n<div class=\"tag\" id=\"duration\">00:00<\/div>\n<div class=\"tag\">&#x1f441; 12,584<\/div>\n<\/div>\n\n<div class=\"buttons\">\n\n<a class=\"btn download\"\nhref=\"https:\/\/1mskd.sxvv.org\/media\/videos\/mp4\/1005_480p.mp4\"\ndownload>\n&#x2b07; DOWNLOAD\n<\/a>\n\n<div class=\"btn like\" onclick=\"likeVideo()\">\n&#x2764;&#xfe0f; <span id=\"likes\">108<\/span>\n<\/div>\n\n<div class=\"btn share\" onclick=\"shareVideo()\">\n&#x1f4e4; SHARE\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<div class=\"related\">\n\n<h3>&#x1f525; Related Videos<\/h3>\n\n<div class=\"grid\">\n\n<a href=\"#\" class=\"item\">\n<img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/170?1\">\n<p>Premium Video 1<\/p>\n<\/a>\n\n<a href=\"#\" class=\"item\">\n<img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/170?2\">\n<p>Premium Video 2<\/p>\n<\/a>\n\n<a href=\"#\" class=\"item\">\n<img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/170?3\">\n<p>Premium Video 3<\/p>\n<\/a>\n\n<a href=\"#\" class=\"item\">\n<img decoding=\"async\" src=\"https:\/\/picsum.photos\/300\/170?4\">\n<p>Premium Video 4<\/p>\n<\/a>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<script>\nconst video=document.getElementById(\"myVideo\");\nconst play=document.getElementById(\"playBtn\");\n\nplay.onclick=function(){\nvideo.play();\nplay.style.display=\"none\";\n};\n\nvideo.onpause=function(){\nplay.style.display=\"flex\";\n};\n\nvideo.onplay=function(){\nplay.style.display=\"none\";\n};\n\nvideo.onloadedmetadata=function(){\nlet d=Math.floor(video.duration);\nlet m=Math.floor(d\/60);\nlet s=d%60;\ndocument.getElementById(\"duration\").innerHTML=\"&#x23f1; \"+m+\":\"+(s<10?\"0\":\"\")+s;\n};\n\nfunction likeVideo(){\nlet x=document.getElementById(\"likes\");\nx.innerHTML=parseInt(x.innerHTML)+1;\n}\n\nfunction shareVideo(){\nif(navigator.share){\nnavigator.share({\ntitle:document.title,\nurl:location.href\n});\n}else{\nnavigator.clipboard.writeText(location.href);\nalert(\"Link Copied\");\n}\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#x25b6; &#x1f525; Premium Video HD 00:00 &#x1f441; 12,584 &#x2b07; DOWNLOAD &#x2764;&#xfe0f; 108 &#x1f4e4; SHARE &#x1f525; Related Videos Premium Video 1 Premium Video 2 Premium Video 3 Premium Video 4<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[17],"tags":[],"class_list":["post-287","post","type-post","status-publish","format-standard","hentry","category-17"],"_links":{"self":[{"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/posts\/287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=287"}],"version-history":[{"count":1,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/posts\/287\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=\/wp\/v2\/posts\/287\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/www.lugyi.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lugyi.club\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}