{"id":18,"date":"2026-09-30T00:31:53","date_gmt":"2026-09-30T00:31:53","guid":{"rendered":"https:\/\/movesxe.com\/?page_id=18"},"modified":"2026-09-30T00:32:58","modified_gmt":"2026-09-30T00:32:58","slug":"18-2","status":"publish","type":"page","link":"https:\/\/movesxe.com\/","title":{"rendered":"trang ch\u1ee7"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"vi\"><head><script>window[\"__codeletBootstrap__\"]=JSON.parse('{\"A\":\"A\",\"B\":\"20260929-23-b55d911\",\"C\":{\"Abril Fatface\":\"YACgEZbkUVE,0\",\"Alfa Slab One\":\"YACgEYS9sJU,0\",\"Anton\":\"YACgEcYqQ-A,0\",\"Archivo\":\"YACgEZulLoA,0\",\"Arial Narrow\":\"YAGyDvJ_4Ts,0\",\"Arial Rounded MT Bold\":\"YAFcfoaHu-s,0\",\"Arial\":\"YAGyDvJ_4Ts,0\",\"Avenir Next\":\"YAFcfmNq6UY,0\",\"Baloo 2\":\"YADK30bC6HQ,0\",\"Bebas Neue\":\"YACgESME5ew,0\",\"Bricolage Grotesque\":\"YAFyMcdwzpc,0\",\"Broken Glyph\":\"YADZ-exUkv0,0\",\"Canva Sans\":\"YAFdJjTk5UU,1\",\"Caveat\":\"YALBs2ploWQ,0\",\"Comic Sans MS\":\"YAFcfvtOAUY,1\",\"Cormorant Garamond\":\"YAFdJhX-538,0\",\"Courier New\":\"YAGzXiGs0_8,0\",\"Courier Prime\":\"YAD1aFjegN8,0\",\"DM Sans\":\"YAD1aU3sLnI,0\",\"DM Serif Display\":\"YAD1aYG82rc,0\",\"Forum\":\"YACgEcnnqB4,0\",\"Fraunces\":\"YAFdJpU7Kkk,0\",\"Georgia\":\"YAGzXkO0pEM,0\",\"Ghost Mono\":\"YAHQutsX00Q,0\",\"Hanken Grotesk\":\"YAFcfhwp99E,0\",\"Helvetica Neue\":\"YAFcf6CtJfI,0\",\"Helvetica\":\"YAFcf6CtJfI,0\",\"IBM Plex Mono\":\"YAFdJkmvhGI,0\",\"Impact\":\"YAFcfnjI7Vk,0\",\"Instrument Serif\":\"YAHFeOnZNEk,0\",\"Inter\":\"YAFdJvSyp_k,3\",\"Iowan Old Style\":\"YAGNIFa8j9o,0\",\"Jacques Francois\":\"YADK3zbC6RM,0\",\"JetBrains Mono\":\"YAFdJksXcAk,0\",\"Josefin Sans\":\"YAFdJjvw9Ps,0\",\"Lato\":\"YAFdJuFCnaw,0\",\"Libre Baskerville\":\"YACgEUFdPdA,0\",\"Lobster\":\"YAD8SnSjSFI,0\",\"Lora\":\"YACgEXvxf8Q,0\",\"Merriweather\":\"YACgEXvHxxs,0\",\"Montserrat\":\"YAFdtQi73Xs,0\",\"Nunito\":\"YAFdJoNRMmU,1\",\"Oleo Script\":\"YACgEQQ14jI,0\",\"Oswald\":\"YACgEQY10lw,0\",\"Pacifico\":\"YADLjORQ1u4,0\",\"Phantom Sans\":\"YAFdJvgJ5TU,0\",\"Playfair Display\":\"YAFdJhem5V8,1\",\"Plus Jakarta Sans\":\"YAGvf3_u0_Q,0\",\"Poppins\":\"YAFdJjbTu24,1\",\"Press Start 2P\":\"YAFyGr-8pmQ,0\",\"Quicksand\":\"YAFdJpYtCxE,1\",\"Raleway\":\"YAFdJhmxbVQ,1\",\"Roboto Slab\":\"YAFdJswIKAg,0\",\"Rockwell\":\"YAFcfyVZnN0,0\",\"Rye\":\"YACgEdQP21k,0\",\"Segoe UI\":\"YAHNdRD1Klw,0\",\"Source Sans 3\":\"YAG4lO1Mj10,0\",\"Source Serif 4\":\"YACgEfdj394,0\",\"Space Grotesk\":\"YADZ-dYEmhg,0\",\"Space Mono\":\"YADW1-vpsoc,0\",\"Times New Roman\":\"YAGzXW3gftg,0\",\"Times\":\"YAGzXW3gftg,0\",\"Trebuchet MS\":\"YAFcfrglpVA,0\",\"UV Display\":\"YAEdVfSSpYo,0\",\"UV Sans\":\"YAFdJvgJ5TU,0\",\"Ubuntu\":\"YACgERDU--Q,0\",\"Verdana\":\"YAGzXTctYtQ,0\",\"Work Sans\":\"YAGXhLOKv44,0\",\"Yellowtail\":\"YACgEYG4kG4,0\",\"ui-monospace\":\"YAD1aFjegN8,0\",\"ui-sans-serif\":\"YACkoD1yZN0,0\"}}');<\/script><script src=\"\/_sdk\/6542d56fbfe7a3eb.telemetry_sdk.js\" integrity=\"sha512-ECdM0nK7EkwDuOqho2qxgyRQXyBHk9hZqRKMBr+Xsu6zjeHlt+qkO2N2YRiHN7Kg4e1fEHDhjIp4bGJYVypv1g==\"><\/script>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Fun Video<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,700;9..144,800&amp;family=Work+Sans:wght@400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root { --bg:#090b14; --panel:#121624; --panel2:#181d2d; --text:#f7f7fb; --muted:#97a0b9; --line:#293047; --hot:#ff4d67; --aqua:#4ae5c1; --shadow:0 18px 55px rgba(0,0,0,.28); }\n    body.light { --bg:#f6f7fb; --panel:#ffffff; --panel2:#eef1f8; --text:#171a26; --muted:#65708b; --line:#dce1ed; --shadow:0 18px 40px rgba(27,35,62,.10); }\n    * { box-sizing:border-box; }\n    html { scroll-behavior:smooth; }\n    body { margin:0; background:var(--bg); color:var(--text); font-family:\"Work Sans\",sans-serif; transition:background .25s,color .25s; }\n    button,input,select { font:inherit; }\n    button { cursor:pointer; }\n    button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid var(--aqua); outline-offset:3px; }\n    .shell { width:100%; min-height:calc(100 * min(var(--vh, 1vh), 1vh)); padding-bottom:88px; overflow:hidden; }\n    .topbar { position:sticky; top:0; z-index:30; background:color-mix(in srgb,var(--bg) 89%,transparent); backdrop-filter:blur(16px); border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent); }\n    .wide { width:100%; max-width:1320px; margin:auto; padding:14px 22px; }\n    .brand { font-family:Fraunces,serif; letter-spacing:-.06em; }\n    .brand-dot { color:var(--hot); }\n    .icon-btn { width:40px;height:40px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;display:grid;place-items:center;transition:.2s; }\n    .icon-btn:hover { border-color:var(--aqua); transform:translateY(-2px); }\n    .search-wrap { flex:1; max-width:510px; position:relative; }\n    .search-wrap input { width:100%; background:var(--panel); border:1px solid var(--line); color:var(--text); border-radius:15px; height:42px; padding:0 16px 0 43px; }\n    .search-wrap svg { position:absolute;left:14px;top:12px;color:var(--muted);width:18px; }\n    .view { display:none; animation:enter .35s ease both; }\n    .view.active { display:block; }\n    @keyframes enter { from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)} }\n    .hero { display:grid; grid-template-columns:1.2fr .8fr; gap:26px; margin-top:26px; align-items:stretch; }\n    .hero-copy { border:1px solid var(--line); border-radius:28px; padding:clamp(26px,5vw,66px); position:relative; overflow:hidden; background:var(--panel); min-height:390px; display:flex; flex-direction:column; justify-content:end; }\n    .hero-copy:before { content:\"\";position:absolute; width:300px;height:300px;border-radius:50%;background:var(--hot);opacity:.16;right:-130px;top:-110px;filter:blur(18px); }\n    .kicker { color:var(--aqua); text-transform:uppercase; letter-spacing:.15em; font-size:.72rem; font-weight:800; position:relative; }\n    .hero-title { font-family:Fraunces,serif; font-size:clamp(2.6rem,6vw,5.8rem);letter-spacing:-.065em;line-height:.9;margin:15px 0;position:relative;max-width:650px; }\n    .hero-desc { color:var(--muted); max-width:580px; line-height:1.65; position:relative; }\n    .primary { border:0;border-radius:14px;background:var(--hot);color:#fff;font-weight:800;padding:13px 19px;display:inline-flex;gap:9px;align-items:center;transition:.2s; }\n    .primary:hover { transform:translateY(-2px); filter:brightness(1.08); }\n    .hero-media { position:relative; min-height:390px; border-radius:28px; overflow:hidden; box-shadow:var(--shadow); background:#181327; }\n    .hero-media img { width:100%;height:100%;object-fit:cover;position:absolute;inset:0; }\n    .hero-media:after { content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,11,20,.72),transparent 55%); }\n    .float-play { position:absolute;z-index:2;left:26px;bottom:24px;width:64px;height:64px;border-radius:50%;border:0;background:var(--aqua);color:#06231e;display:grid;place-items:center;box-shadow:0 8px 30px #00e5bd73; }\n    .section-head { display:flex;justify-content:space-between;align-items:end;margin:43px 0 16px;gap:16px; }\n    .section-head h2 { margin:0;font-size:1.25rem;letter-spacing:-.03em; }\n    .section-head p { margin:5px 0 0;color:var(--muted);font-size:.88rem; }\n    .text-link { color:var(--aqua);background:transparent;border:0;font-weight:700; }\n    .rail { display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,280px);overflow-x:auto;gap:15px;padding-bottom:8px;scroll-snap-type:x mandatory; }\n    .rail::-webkit-scrollbar { height:6px; } .rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;}\n    .video-card { scroll-snap-align:start; text-align:left;border:0;background:transparent;color:var(--text);padding:0;position:relative; }\n    .video-card:hover .thumb { transform:translateY(-4px);box-shadow:var(--shadow); }\n    .thumb { border-radius:17px;overflow:hidden;aspect-ratio:16\/9;background:var(--panel2);position:relative;transition:.22s; }\n    .thumb img { width:100%;height:100%;object-fit:cover; }\n    .thumb:after { content:\"\";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 48%); }\n    .duration { position:absolute;z-index:2;bottom:9px;right:9px;background:#080a10d9;padding:3px 7px;border-radius:7px;font-size:.72rem;font-weight:700; }\n    .save-dot { position:absolute;z-index:3;top:9px;right:9px;width:32px;height:32px;border-radius:50%;border:0;background:#0c0f1ae0;color:#fff;display:grid;place-items:center; }\n    .video-name { margin:10px 0 5px;font-size:.94rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }\n    .video-meta { color:var(--muted);font-size:.77rem; }\n    .bottom-nav { display:none;position:fixed;z-index:40;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);justify-content:space-around;padding:8px 7px max(8px, env(safe-area-inset-bottom)); }\n    .nav-btn { border:0;background:transparent;color:var(--muted);min-width:54px;display:grid;gap:4px;justify-items:center;font-size:.65rem;font-weight:700;padding:3px; }\n    .nav-btn.active,.nav-btn:hover { color:var(--aqua); }.nav-btn svg{width:20px;height:20px}\n    .filter-row { display:flex;gap:9px;overflow:auto;padding:18px 0 5px; }.filter-row::-webkit-scrollbar{display:none}\n    .chip { white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:99px;padding:8px 13px;font-size:.8rem;font-weight:700; }\n    .chip.active { background:var(--aqua);border-color:var(--aqua);color:#042d25; }\n    .discover-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px; }\n    .discover-grid .video-card { min-width:0; }\n    .player-wrap { max-width:1100px;margin:26px auto 0; }\n    .player { aspect-ratio:16\/9;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#352768,#11131e 60%);position:relative;box-shadow:var(--shadow); }\n    .player.theater { max-width:none;border-radius:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw); }\n    .player img { width:100%;height:100%;object-fit:cover;opacity:.46; }\n    .player-overlay { position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 52%);display:flex;align-items:center;justify-content:center; }\n    .big-play { width:76px;height:76px;border:0;border-radius:50%;background:var(--aqua);color:#052920;display:grid;place-items:center;box-shadow:0 12px 36px #00d4ae72; }\n    .controlbar { position:absolute;bottom:0;left:0;right:0;padding:14px 18px;color:white; }\n    .progress { width:100%;accent-color:var(--hot);cursor:pointer; }\n    .controls { display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:9px; }.controls .left,.controls .right{display:flex;align-items:center;gap:7px}\n    .control { width:32px;height:32px;border:0;background:transparent;color:white;display:grid;place-items:center;border-radius:8px; }.control:hover{background:#ffffff24}\n    .rotate-tip { display:none;margin:14px 0;border:1px solid #e6c45555;background:#e6c45516;border-radius:16px;padding:12px 15px;color:#ead585;align-items:center;justify-content:space-between;gap:12px;font-size:.85rem; }\n    .panel { background:var(--panel);border:1px solid var(--line);border-radius:21px;padding:20px; }\n    .video-layout { display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:22px;margin-top:22px; }\n    .action-row { display:flex;flex-wrap:wrap;gap:8px;margin:18px 0; }.action { border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:13px;padding:9px 13px;display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700; }.action.on{border-color:var(--hot);color:var(--hot)}\n    .channel-line { display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:16px; }.avatar { width:42px;height:42px;border-radius:50%;object-fit:cover; }.follow{margin-left:auto}\n    .related { display:grid;gap:12px; }.related button{display:flex;gap:10px;text-align:left;border:0;background:transparent;color:var(--text);padding:0}.related img{width:122px;aspect-ratio:16\/9;object-fit:cover;border-radius:10px}.related p{margin:2px 0;font-size:.82rem;font-weight:700}.related span{font-size:.72rem;color:var(--muted)}\n    .comment { padding:16px 0;border-top:1px solid var(--line);display:flex;gap:11px; }.comment.hidden-comment{display:none}\n    .codebox { background:#080b13;color:#b8f6e7;border:1px solid #203047;border-radius:14px;padding:15px;overflow:auto;font-family:\"Space Mono\",monospace;font-size:.76rem;line-height:1.6;white-space:pre-wrap; }\n    .guide-grid { display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;margin-top:20px; }.guide-list{display:grid;gap:10px}.guide-tab{border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);padding:14px;text-align:left;font-weight:700}.guide-tab.active{border-color:var(--aqua);color:var(--aqua)}\n    .empty { text-align:center;border:1px dashed var(--line);padding:52px 20px;border-radius:22px;color:var(--muted);display:none; }\n    .library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stat{font-size:1.55rem;font-weight:800}.muted{color:var(--muted)}\n    .modal { display:none;position:fixed;z-index:60;inset:0;background:#050710b9;padding:20px;align-items:center;justify-content:center; }.modal.open{display:flex}.modal-card{width:min(560px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.field{width:100%;margin-top:6px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;padding:11px}.form-row{margin-top:14px}.upload-track{height:8px;background:var(--panel2);border-radius:99px;overflow:hidden;margin-top:16px;display:none}.upload-bar{height:100%;background:var(--aqua);width:0;transition:width .25s}.toast{position:fixed;z-index:80;bottom:94px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--aqua);color:#06251f;padding:11px 16px;border-radius:99px;font-size:.84rem;font-weight:800;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}\n    @media (max-width:800px){.wide{padding:12px 16px}.topbar .search-wrap{display:none}.desktop-icons{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:360px}.hero-media{min-height:230px}.bottom-nav{display:flex}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.video-layout{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.rotate-tip{display:flex}.player-wrap{margin-top:15px}.hero-title{font-size:3.25rem}}\n    @media (max-width:440px){.desktop-logo{font-size:1.35rem}.hero-copy{padding:27px 23px;min-height:330px}.discover-grid{gap:11px}.video-name{font-size:.83rem}.video-meta{font-size:.68rem}.library-grid{grid-template-columns:1fr}.controlbar{padding:9px}.control{width:28px}.controls .right .control:nth-child(-n+3){display:none}}\n    @media (orientation:landscape) and (max-height:550px){.topbar,.bottom-nav{display:none}.shell{padding-bottom:0}.rotate-tip{display:none}.player-wrap{max-width:none;margin:0}.player{border-radius:0;max-height:calc(100 * min(var(--vh, 1vh), 1vh))}}\n  <\/style>\n  <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\" type=\"text\/javascript\"><\/script>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.577.0\/dist\/umd\/lucide.min.js\" type=\"text\/javascript\"><\/script>\n  <script src=\"\/_sdk\/6c2ecc939521f244.data_sdk.js\" type=\"text\/javascript\" integrity=\"sha512-gRx8s+XsZDN6mSIQu2sivLZysbV0WHhb5kXNUWlgVb5lCMU1foJYukyMEDPv8Tnoocb8iwqB4XdRrWc7oEGzIQ==\"><\/script>\n  <script src=\"\/_sdk\/6e4b845d05dd79e4.editing_sdk.js\" type=\"text\/javascript\" integrity=\"sha512-nfDAoBO2Sn6o6rLYgdnzgUs0nZfi4v1NV7M2ioocHZ6oj+ZnIEUmJGLGqFu2dnCue3Bjs5kWMae4qsFt05LfIA==\"><\/script>\n  <script src=\"\/_sdk\/ddcab3e45959c817.resizing_sdk.js\" type=\"text\/javascript\" integrity=\"sha512-VAviUKfZVzugWBSeULYjSljTX+nb84wc6Zzbx5GQaQgh6X2ISSjXi8eIiCDGdwDh10esJMY0+QFQgUy9NcrTlQ==\"><\/script>\n <\/head>\n <body data-template-id=\"__page-root\" style=\"background: rgb(9, 11, 20);\">\n  <div class=\"shell\">\n   <header class=\"topbar\">\n    <div class=\"wide flex items-center gap-3\"><button class=\"brand desktop-logo text-2xl text-left\" type=\"button\" onclick=\"showView('home')\" aria-label=\"V\u1ec1 trang ch\u1ee7\">Fun<span class=\"brand-dot\">.<\/span>Video<\/button>\n     <div class=\"search-wrap\"><i data-lucide=\"search\"><\/i> <input id=\"global-search\" type=\"search\" aria-label=\"T\u00ecm video\" placeholder=\"T\u00ecm video, hashtag, k\u00eanh...\" oninput=\"quickSearch(this.value)\">\n     <\/div>\n     <div class=\"desktop-icons flex gap-2 ml-auto\"><button class=\"icon-btn\" type=\"button\" onclick=\"showToast('B\u1ea1n ch\u01b0a c\u00f3 th\u00f4ng b\u00e1o m\u1edbi')\" aria-label=\"Th\u00f4ng b\u00e1o\"><i data-lucide=\"bell\"><\/i><\/button> <button class=\"icon-btn\" type=\"button\" onclick=\"toggleTheme()\" aria-label=\"Chuy\u1ec3n giao di\u1ec7n\"><i id=\"theme-icon\" data-lucide=\"sun\"><\/i><\/button> <button class=\"icon-btn\" type=\"button\" onclick=\"showView('library')\" aria-label=\"T\u00e0i kho\u1ea3n\"><i data-lucide=\"circle-user-round\"><\/i><\/button>\n     <\/div>\n    <\/div>\n   <\/header>\n   <main>\n    <section id=\"home\" class=\"view active wide\">\n     <div class=\"hero\">\n      <div data-template-id=\"hero-copy\" class=\"hero-copy canva-banner\" style=\"background: rgb(18, 22, 36);\">\n       <div data-template-id=\"hero-kicker\" class=\"kicker canva-tag\" style=\"color: rgb(74, 229, 193); font-weight: 800; font-style: normal; font-size: 16px;\">Video n\u1ed5i b\u1eadt \u00b7 T\u1eadp m\u1edbi<\/div>\n       <h1 data-template-id=\"hero-title\" class=\"hero-title canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 32px;\">M\u1ed9t ng\u00e0y r\u1ef1c r\u1ee1 qua khung h\u00ecnh<\/h1>\n       <p data-template-id=\"hero-desc\" class=\"hero-desc canva-text\" style=\"color: rgb(181, 189, 209); font-weight: 400; font-style: normal; font-size: 16px;\">M\u1ed9t chuy\u1ebfn \u0111i \u0111\u1ea7y m\u00e0u s\u1eafc, nh\u1eefng kho\u1ea3nh kh\u1eafc nh\u1ecf \u0111\u00e1ng nh\u1edb v\u00e0 ngu\u1ed3n n\u0103ng l\u01b0\u1ee3ng t\u00edch c\u1ef1c \u0111\u1ec3 b\u1ea1n xem l\u1ea1i b\u1ea5t c\u1ee9 l\u00fac n\u00e0o.<\/p>\n       <div class=\"flex flex-wrap gap-3 mt-7 relative\"><button data-template-id=\"watch-now\" class=\"primary canva-button\" type=\"button\" onclick=\"openPlayer()\" style=\"background: rgb(255, 77, 103); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 16px;\">Xem ngay<\/button> <button data-template-id=\"hero-meta\" class=\"chip canva-tag\" type=\"button\" onclick=\"showToast('Danh m\u1ee5c \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ecdn')\" style=\"background: rgb(24, 29, 45); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Du l\u1ecbch \u00b7 10:22 \u00b7 1,2M l\u01b0\u1ee3t xem<\/button>\n       <\/div>\n      <\/div>\n      <div class=\"hero-media\"><img decoding=\"async\" data-template-id=\"hero-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/35490407\/pexels-photo-35490407.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1280\" alt=\"B\u00e0n tay c\u1ea7m \u0111i\u1ec7n tho\u1ea1i hi\u1ec3n th\u1ecb \u1ee9ng d\u1ee5ng xem video tr\u01b0\u1edbc m\u00e0n h\u00ecnh TV\"> <button class=\"float-play\" type=\"button\" onclick=\"openPlayer()\" aria-label=\"Ph\u00e1t video n\u1ed5i b\u1eadt\"><i data-lucide=\"play\" fill=\"currentColor\"><\/i><\/button>\n      <\/div>\n     <\/div>\n     <div class=\"section-head\">\n      <div>\n       <h2 data-template-id=\"trend-heading\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">\u0110ang th\u1ecbnh h\u00e0nh<\/h2>\n       <p data-template-id=\"trend-subheading\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Nh\u1eefng video \u0111ang \u0111\u01b0\u1ee3c c\u1ed9ng \u0111\u1ed3ng xem nhi\u1ec1u nh\u1ea5t h\u00f4m nay.<\/p>\n      <\/div><button data-template-id=\"explore-link\" class=\"text-link canva-button\" type=\"button\" onclick=\"showView('discover')\" style=\"color: rgb(74, 229, 193); font-weight: 700; font-style: normal; font-size: 16px;\">Kh\u00e1m ph\u00e1 t\u1ea5t c\u1ea3<\/button>\n     <\/div>\n     <div class=\"rail\"><button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-1-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/11923466\/pexels-photo-11923466.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Ba ng\u01b0\u1eddi b\u1ea1n c\u01b0\u1eddi vui v\u1ebb ngo\u00e0i tr\u1eddi\"><span data-template-id=\"card-1-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">08:41<\/span><span class=\"save-dot\" onclick=\"event.stopPropagation();toggleSaved(this)\" aria-label=\"L\u01b0u video\"><i data-lucide=\"bookmark\" width=\"16\"><\/i><\/span>\n       <\/div><p data-template-id=\"card-1-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Nh\u1eefng chuy\u1ec7n c\u01b0\u1eddi kh\u00f4ng th\u1ec3 nh\u1ecbn<\/p><span data-template-id=\"card-1-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Fun House \u00b7 482K l\u01b0\u1ee3t xem \u00b7 2 gi\u1edd tr\u01b0\u1edbc<\/span><\/button> <button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-2-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/2593188\/pexels-photo-2593188.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"G\u00f3c nh\u00ecn t\u1eeb tr\u00ean cao c\u1ee7a b\u1edd bi\u1ec3n \u0111\u00e1 v\u00e0 n\u01b0\u1edbc bi\u1ec3n xanh ng\u1ecdc\"><span data-template-id=\"card-2-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">12:08<\/span><span class=\"save-dot\" onclick=\"event.stopPropagation();toggleSaved(this)\" aria-label=\"L\u01b0u video\"><i data-lucide=\"bookmark\" width=\"16\"><\/i><\/span>\n       <\/div><p data-template-id=\"card-2-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Chuy\u1ebfn \u0111i qua v\u1ecbnh xanh<\/p><span data-template-id=\"card-2-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">M\u00e2y Lang Thang \u00b7 317K l\u01b0\u1ee3t xem \u00b7 5 gi\u1edd tr\u01b0\u1edbc<\/span><\/button> <button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-3-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/36767124\/pexels-photo-36767124.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Ng\u01b0\u1eddi ph\u1ee5 n\u1eef quay video n\u1ea5u \u0103n trong b\u1ebfp v\u1edbi rau xanh\"><span data-template-id=\"card-3-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">06:30<\/span><span class=\"save-dot\" onclick=\"event.stopPropagation();toggleSaved(this)\" aria-label=\"L\u01b0u video\"><i data-lucide=\"bookmark\" width=\"16\"><\/i><\/span>\n       <\/div><p data-template-id=\"card-3-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">B\u1ebfp cu\u1ed1i tu\u1ea7n: m\u00f3n ngon th\u1eadt nhanh<\/p><span data-template-id=\"card-3-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">B\u1ebfp M\u1ed9c \u00b7 211K l\u01b0\u1ee3t xem \u00b7 H\u00f4m qua<\/span><\/button> <button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-4-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/1105666\/pexels-photo-1105666.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Kh\u00e1n gi\u1ea3 c\u1ed5 v\u0169 trong m\u1ed9t \u0111\u00eam nh\u1ea1c v\u1edbi \u00e1nh s\u00e1ng s\u00e2n kh\u1ea5u r\u1ef1c r\u1ee1\"><span data-template-id=\"card-4-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">04:55<\/span><span class=\"save-dot\" onclick=\"event.stopPropagation();toggleSaved(this)\" aria-label=\"L\u01b0u video\"><i data-lucide=\"bookmark\" width=\"16\"><\/i><\/span>\n       <\/div><p data-template-id=\"card-4-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">\u0110\u00eam nh\u1ea1c th\u00e0nh ph\u1ed1 kh\u00f4ng ng\u1ee7<\/p><span data-template-id=\"card-4-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">S\u00f3ng \u00c2m \u00b7 190K l\u01b0\u1ee3t xem \u00b7 H\u00f4m qua<\/span><\/button>\n     <\/div>\n     <div class=\"section-head\">\n      <div>\n       <h2 data-template-id=\"new-heading\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">M\u1edbi nh\u1ea5t cho b\u1ea1n<\/h2>\n       <p data-template-id=\"new-subheading\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Ch\u1ecdn l\u1ecdc t\u1eeb c\u00e1c k\u00eanh s\u00e1ng t\u1ea1o b\u1ea1n c\u00f3 th\u1ec3 y\u00eau th\u00edch.<\/p>\n      <\/div>\n     <\/div>\n     <div class=\"rail\"><button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-5-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/30049751\/pexels-photo-30049751.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"C\u00e1c v\u1eadn \u0111\u1ed9ng vi\u00ean b\u00f3ng r\u1ed5 n\u1eef thi \u0111\u1ea5u trong nh\u00e0\"><span data-template-id=\"card-5-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">09:16<\/span>\n       <\/div><p data-template-id=\"card-5-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Pha x\u1eed l\u00fd khi\u1ebfn s\u00e2n \u0111\u1ea5u b\u00f9ng n\u1ed5<\/p><span data-template-id=\"card-5-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Play On \u00b7 154K l\u01b0\u1ee3t xem \u00b7 3 gi\u1edd tr\u01b0\u1edbc<\/span><\/button> <button class=\"video-card\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"card-6-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/3165335\/pexels-photo-3165335.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Thi\u1ebft b\u1ecb ch\u01a1i game \u0111\u1ea7y m\u00e0u s\u1eafc g\u1ed3m tai nghe, tay c\u1ea7m v\u00e0 b\u00e0n ph\u00edm\"><span data-template-id=\"card-6-duration\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 700; font-style: normal; font-size: 16px;\">15:44<\/span>\n       <\/div><p data-template-id=\"card-6-title\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">G\u00f3c game neon: setup d\u01b0\u1edbi 10 ph\u00fat<\/p><span data-template-id=\"card-6-meta\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Pixel Club \u00b7 98K l\u01b0\u1ee3t xem \u00b7 4 gi\u1edd tr\u01b0\u1edbc<\/span><\/button>\n     <\/div>\n    <\/section>\n    <section id=\"player-view\" class=\"view wide\">\n     <div class=\"player-wrap\">\n      <div class=\"player\" id=\"player-frame\"><img decoding=\"async\" data-template-id=\"player-image\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/35490407\/pexels-photo-35490407.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1280\" alt=\"\u0110i\u1ec7n tho\u1ea1i hi\u1ec3n th\u1ecb n\u1ec1n t\u1ea3ng gi\u1ea3i tr\u00ed video trong kh\u00f4ng gian ph\u00f2ng kh\u00e1ch\">\n       <div class=\"player-overlay\">\n        <button class=\"big-play\" id=\"big-play\" type=\"button\" onclick=\"togglePlay()\" aria-label=\"Ph\u00e1t ho\u1eb7c t\u1ea1m d\u1eebng\"><i data-lucide=\"play\" fill=\"currentColor\"><\/i><\/button>\n       <\/div>\n       <div class=\"controlbar\"><input id=\"video-progress\" class=\"progress\" type=\"range\" min=\"0\" max=\"100\" value=\"18\" aria-label=\"Ti\u1ebfn tr\u00ecnh video\" oninput=\"saveProgress(this.value)\">\n        <div class=\"controls\">\n         <div class=\"left\">\n          <button class=\"control\" type=\"button\" onclick=\"togglePlay()\" aria-label=\"Ph\u00e1t ho\u1eb7c t\u1ea1m d\u1eebng\"><i id=\"play-icon\" data-lucide=\"play\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"seek(-10)\" aria-label=\"L\u00f9i 10 gi\u00e2y\"><i data-lucide=\"rotate-ccw\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"seek(10)\" aria-label=\"T\u1edbi 10 gi\u00e2y\"><i data-lucide=\"rotate-cw\"><\/i><\/button><span id=\"time-readout\" class=\"text-xs font-bold\">01:48 \/ 10:22<\/span>\n         <\/div>\n         <div class=\"right\">\n          <button class=\"control\" type=\"button\" onclick=\"changeSpeed()\" aria-label=\"T\u1ed1c \u0111\u1ed9 ph\u00e1t\"><span id=\"speed-label\" class=\"text-xs\">1x<\/span><\/button><button class=\"control\" type=\"button\" onclick=\"showToast('Ph\u1ee5 \u0111\u1ec1 ti\u1ebfng Vi\u1ec7t \u0111\u00e3 b\u1eadt')\" aria-label=\"Ph\u1ee5 \u0111\u1ec1\"><i data-lucide=\"subtitles\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"showToast('Ch\u1ea5t l\u01b0\u1ee3ng: T\u1ef1 \u0111\u1ed9ng 1080p')\" aria-label=\"Ch\u1ea5t l\u01b0\u1ee3ng\"><i data-lucide=\"settings-2\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"toggleTheater()\" aria-label=\"Ch\u1ebf \u0111\u1ed9 r\u1ea1p\"><i data-lucide=\"panel-top\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"tryPiP()\" aria-label=\"Picture in picture\"><i data-lucide=\"picture-in-picture-2\"><\/i><\/button><button class=\"control\" type=\"button\" onclick=\"toggleFullscreen()\" aria-label=\"To\u00e0n m\u00e0n h\u00ecnh\"><i data-lucide=\"maximize\"><\/i><\/button>\n         <\/div>\n        <\/div>\n       <\/div>\n      <\/div>\n      <div class=\"rotate-tip\">\n       <span data-template-id=\"rotate-tip\" class=\"canva-text\" style=\"color: rgb(234, 213, 133); font-weight: 400; font-style: normal; font-size: 16px;\">Xoay ngang \u0111i\u1ec7n tho\u1ea1i \u0111\u1ec3 c\u00f3 tr\u1ea3i nghi\u1ec7m xem r\u1ed9ng h\u01a1n.<\/span><button data-template-id=\"rotate-button\" class=\"primary canva-button\" type=\"button\" onclick=\"toggleFullscreen()\" style=\"background: rgb(255, 77, 103); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 16px;\">Xoay m\u00e0n h\u00ecnh<\/button>\n      <\/div>\n      <div class=\"video-layout\">\n       <div>\n        <h1 data-template-id=\"player-title\" class=\"text-2xl font-extrabold tracking-tight canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 32px;\">M\u1ed9t ng\u00e0y r\u1ef1c r\u1ee1 qua khung h\u00ecnh<\/h1>\n        <p data-template-id=\"player-stats\" class=\"muted text-sm mt-2 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">1.245.822 l\u01b0\u1ee3t xem \u00b7 2 ng\u00e0y tr\u01b0\u1edbc \u00b7 #dulich #funvideo<\/p>\n        <div class=\"action-row\"><button data-template-id=\"like-button\" id=\"like-btn\" class=\"action canva-button\" type=\"button\" onclick=\"toggleAction(this,'\u0110\u00e3 th\u00edch video')\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Th\u00edch 24K<\/button> <button data-template-id=\"dislike-button\" class=\"action canva-button\" type=\"button\" onclick=\"toggleAction(this,'\u0110\u00e3 g\u1eedi ph\u1ea3n h\u1ed3i')\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Kh\u00f4ng th\u00edch<\/button> <button data-template-id=\"save-button\" class=\"action canva-button\" type=\"button\" onclick=\"toggleAction(this,'\u0110\u00e3 l\u01b0u v\u00e0o Xem sau')\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Xem sau<\/button> <button data-template-id=\"share-button\" class=\"action canva-button\" type=\"button\" onclick=\"shareVideo()\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Sao ch\u00e9p li\u00ean k\u1ebft<\/button> <button data-template-id=\"report-button\" class=\"action canva-button\" type=\"button\" onclick=\"showToast('C\u1ea3m \u01a1n b\u1ea1n \u0111\u00e3 g\u1eedi b\u00e1o c\u00e1o')\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">B\u00e1o c\u00e1o<\/button>\n        <\/div>\n        <div class=\"panel\">\n         <p data-template-id=\"video-description\" class=\"leading-7 text-sm canva-text\" style=\"color: rgb(209, 214, 227); font-weight: 400; font-style: normal; font-size: 16px;\">C\u00f9ng theo ch\u00e2n Linh qua m\u1ed9t ng\u00e0y th\u1eadt ch\u1eadm: t\u1eeb chuy\u1ebfn xe s\u1edbm, s\u1eafc m\u00e0u b\u00ean \u0111\u01b0\u1eddng \u0111\u1ebfn ho\u00e0ng h\u00f4n b\u00ean b\u1edd bi\u1ec3n. Video \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n cho m\u1ee5c \u0111\u00edch gi\u1ea3i tr\u00ed v\u1edbi n\u1ed9i dung m\u1eabu \u0111\u01b0\u1ee3c c\u1ea5p ph\u00e9p.<\/p>\n         <p data-template-id=\"video-tags\" class=\"mt-4 text-sm font-bold canva-text\" style=\"color: rgb(74, 229, 193); font-weight: 700; font-style: normal; font-size: 16px;\">#du_lich #nhat_ky #nang_luong_tich_cuc<\/p>\n         <div class=\"channel-line\">\n          <img decoding=\"async\" data-template-id=\"channel-avatar\" class=\"avatar canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/1181686\/pexels-photo-1181686.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=400\" alt=\"Ch\u00e2n dung ng\u01b0\u1eddi s\u00e1ng t\u1ea1o \u0111ang m\u1ec9m c\u01b0\u1eddi trong v\u0103n ph\u00f2ng\">\n          <div>\n           <strong data-template-id=\"channel-name\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 16px;\">Linh \u0110i \u0110\u00e2y<\/strong>\n           <p data-template-id=\"channel-followers\" class=\"muted text-xs mt-1 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">482K ng\u01b0\u1eddi theo d\u00f5i<\/p>\n          <\/div><button data-template-id=\"follow-button\" class=\"primary follow canva-button\" type=\"button\" onclick=\"toggleFollow(this)\" style=\"background: rgb(255, 77, 103); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 16px;\">Theo d\u00f5i<\/button>\n         <\/div>\n        <\/div>\n        <div class=\"section-head\">\n         <div>\n          <h2 data-template-id=\"comment-heading\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">B\u00ecnh lu\u1eadn<\/h2>\n          <p data-template-id=\"comment-subheading\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">1.284 b\u00ecnh lu\u1eadn \u00b7 H\u00e3y gi\u1eef kh\u00f4ng gian tr\u00f2 chuy\u1ec7n t\u00edch c\u1ef1c.<\/p>\n         <\/div><button data-template-id=\"sort-comments\" class=\"chip canva-button\" type=\"button\" onclick=\"showToast('\u0110ang s\u1eafp x\u1ebfp theo M\u1edbi nh\u1ea5t')\" style=\"background: rgb(18, 22, 36); color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">M\u1edbi nh\u1ea5t<\/button>\n        <\/div>\n        <div class=\"panel\">\n         <article class=\"comment\">\n          <div class=\"avatar bg-pink-500 grid place-items-center font-bold\">\n           M\n          <\/div>\n          <div>\n           <strong data-template-id=\"comment-1-name\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Minh Anh<\/strong>\n           <p data-template-id=\"comment-1-text\" class=\"muted text-sm mt-1 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Khung c\u1ea3nh \u0111\u1eb9p qu\u00e1! \u0110o\u1ea1n ho\u00e0ng h\u00f4n th\u1eadt s\u1ef1 l\u00e0m m\u00ecnh mu\u1ed1n x\u00e1ch bal\u00f4 l\u00ean \u0111i ngay.<\/p><button data-template-id=\"reply-button\" class=\"text-link text-xs mt-2 canva-button\" type=\"button\" onclick=\"showToast('Ch\u1ee9c n\u0103ng tr\u1ea3 l\u1eddi \u0111\u00e3 s\u1eb5n s\u00e0ng')\" style=\"color: rgb(74, 229, 193); font-weight: 700; font-style: normal; font-size: 16px;\">Tr\u1ea3 l\u1eddi<\/button>\n          <\/div>\n         <\/article>\n         <article class=\"comment hidden-comment\" id=\"more-comment\">\n          <div class=\"avatar bg-cyan-600 grid place-items-center font-bold\">\n           K\n          <\/div>\n          <div>\n           <strong data-template-id=\"comment-2-name\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Kh\u00e1nh Vy<\/strong>\n           <p data-template-id=\"comment-2-text\" class=\"muted text-sm mt-1 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">C\u1ea3m \u01a1n v\u00ec m\u1ed9t video \u0111\u1ea7y n\u0103ng l\u01b0\u1ee3ng. Mong ch\u1edd t\u1eadp ti\u1ebfp theo!<\/p>\n          <\/div>\n         <\/article><button data-template-id=\"more-comments\" id=\"more-comments-btn\" class=\"text-link mt-3 canva-button\" type=\"button\" onclick=\"loadComments()\" style=\"color: rgb(74, 229, 193); font-weight: 700; font-style: normal; font-size: 16px;\">T\u1ea3i th\u00eam b\u00ecnh lu\u1eadn<\/button>\n        <\/div>\n       <\/div>\n       <aside>\n        <div class=\"panel\">\n         <div class=\"flex items-center justify-between mb-4\">\n          <h2 data-template-id=\"next-heading\" class=\"font-bold canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">Ti\u1ebfp theo<\/h2><label class=\"flex gap-2 items-center text-xs muted\"><input type=\"checkbox\" checked=\"\" onchange=\"showToast(this.checked?'T\u1ef1 \u0111\u1ed9ng ph\u00e1t \u0111\u00e3 b\u1eadt':'T\u1ef1 \u0111\u1ed9ng ph\u00e1t \u0111\u00e3 t\u1eaft')\"> <span data-template-id=\"autoplay-label\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">T\u1ef1 \u0111\u1ed9ng ph\u00e1t<\/span><\/label>\n         <\/div>\n         <div class=\"related\">\n          <button type=\"button\" onclick=\"openPlayer()\"><img decoding=\"async\" data-template-id=\"related-image-1\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/2593188\/pexels-photo-2593188.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"B\u1edd bi\u1ec3n v\u1edbi l\u00e0n n\u01b0\u1edbc xanh ng\u1ecdc nh\u00ecn t\u1eeb tr\u00ean cao\">\n           <div>\n            <p data-template-id=\"related-title-1\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">5 \u0111i\u1ec3m \u0111\u1ebfn cho ng\u00e0y ngh\u1ec9 ng\u1eafn<\/p><span data-template-id=\"related-meta-1\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">M\u00e2y Lang Thang \u00b7 342K l\u01b0\u1ee3t xem<\/span>\n           <\/div><\/button><button type=\"button\" onclick=\"openPlayer()\"><img decoding=\"async\" data-template-id=\"related-image-2\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/36767124\/pexels-photo-36767124.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Ng\u01b0\u1eddi s\u00e1ng t\u1ea1o quay video h\u01b0\u1edbng d\u1eabn n\u1ea5u \u0103n trong b\u1ebfp\">\n           <div>\n            <p data-template-id=\"related-title-2\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">B\u1eefa s\u00e1ng nhanh cho ng\u00e0y b\u1eadn r\u1ed9n<\/p><span data-template-id=\"related-meta-2\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">B\u1ebfp M\u1ed9c \u00b7 186K l\u01b0\u1ee3t xem<\/span>\n           <\/div><\/button>\n         <\/div>\n        <\/div>\n       <\/aside>\n      <\/div>\n     <\/div>\n    <\/section>\n    <section id=\"discover\" class=\"view wide\">\n     <div class=\"mt-7\">\n      <p data-template-id=\"discover-kicker\" class=\"kicker canva-tag\" style=\"color: rgb(74, 229, 193); font-weight: 800; font-style: normal; font-size: 16px;\">Kh\u00e1m ph\u00e1 kh\u00f4ng gi\u1edbi h\u1ea1n<\/p>\n      <h1 data-template-id=\"discover-title\" class=\"text-4xl font-extrabold tracking-tight mt-2 canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 32px;\">C\u00f3 g\u00ec vui h\u00f4m nay?<\/h1>\n      <p data-template-id=\"discover-description\" class=\"muted mt-3 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">T\u00ecm ki\u1ebfm b\u1eb1ng ti\u00eau \u0111\u1ec1, hashtag ho\u1eb7c t\u00ean k\u00eanh. Vu\u1ed1t \u0111\u1ec3 l\u01b0\u1edbt nhanh nh\u1eefng ch\u1ee7 \u0111\u1ec1 \u0111ang \u0111\u01b0\u1ee3c quan t\u00e2m.<\/p>\n     <\/div>\n     <div class=\"search-wrap max-w-none mt-6\">\n      <i data-lucide=\"search\"><\/i><input id=\"discover-search\" type=\"search\" aria-label=\"T\u00ecm trong kh\u00e1m ph\u00e1\" placeholder=\"T\u00ecm theo ti\u00eau \u0111\u1ec1, hashtag ho\u1eb7c k\u00eanh...\" oninput=\"filterVideos()\">\n     <\/div>\n     <div class=\"filter-row\">\n      <button class=\"chip active\" type=\"button\" onclick=\"setFilter(this,'all')\">T\u1ea5t c\u1ea3<\/button><button class=\"chip\" type=\"button\" onclick=\"setFilter(this,'funny')\">H\u00e0i h\u01b0\u1edbc<\/button><button class=\"chip\" type=\"button\" onclick=\"setFilter(this,'travel')\">Du l\u1ecbch<\/button><button class=\"chip\" type=\"button\" onclick=\"setFilter(this,'food')\">\u1ea8m th\u1ef1c<\/button><button class=\"chip\" type=\"button\" onclick=\"setFilter(this,'music')\">\u00c2m nh\u1ea1c<\/button><button class=\"chip\" type=\"button\" onclick=\"setFilter(this,'gaming')\">Gaming<\/button>\n     <\/div>\n     <div id=\"discover-grid\" class=\"discover-grid\"><button class=\"video-card searchable\" data-category=\"funny\" data-search=\"chuy\u1ec7n c\u01b0\u1eddi v\u0103n ph\u00f2ng h\u00e0i h\u01b0\u1edbc\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"discover-image-1\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/11923466\/pexels-photo-11923466.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Nh\u00f3m b\u1ea1n \u0111ang c\u01b0\u1eddi vui v\u1ebb ngo\u00e0i tr\u1eddi\"><span data-template-id=\"discover-duration-1\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 400; font-style: normal; font-size: 16px;\">08:41<\/span>\n       <\/div><p data-template-id=\"discover-title-1\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Nh\u1eefng chuy\u1ec7n c\u01b0\u1eddi kh\u00f4ng th\u1ec3 nh\u1ecbn<\/p><span data-template-id=\"discover-meta-1\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Fun House \u00b7 482K l\u01b0\u1ee3t xem<\/span><\/button> <button class=\"video-card searchable\" data-category=\"travel\" data-search=\"chuy\u1ebfn \u0111i qua v\u1ecbnh xanh du l\u1ecbch\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"discover-image-2\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/2593188\/pexels-photo-2593188.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"B\u1edd bi\u1ec3n xanh ng\u1ecdc nh\u00ecn t\u1eeb tr\u00ean cao\"><span data-template-id=\"discover-duration-2\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 400; font-style: normal; font-size: 16px;\">12:08<\/span>\n       <\/div><p data-template-id=\"discover-title-2\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Chuy\u1ebfn \u0111i qua v\u1ecbnh xanh<\/p><span data-template-id=\"discover-meta-2\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">M\u00e2y Lang Thang \u00b7 317K l\u01b0\u1ee3t xem<\/span><\/button> <button class=\"video-card searchable\" data-category=\"food\" data-search=\"b\u1ebfp cu\u1ed1i tu\u1ea7n \u1ea9m th\u1ef1c m\u00f3n ngon\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"discover-image-3\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/36767124\/pexels-photo-36767124.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Quay video n\u1ea5u \u0103n v\u1edbi rau xanh trong b\u1ebfp\"><span data-template-id=\"discover-duration-3\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 400; font-style: normal; font-size: 16px;\">06:30<\/span>\n       <\/div><p data-template-id=\"discover-title-3\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">B\u1ebfp cu\u1ed1i tu\u1ea7n: m\u00f3n ngon th\u1eadt nhanh<\/p><span data-template-id=\"discover-meta-3\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">B\u1ebfp M\u1ed9c \u00b7 211K l\u01b0\u1ee3t xem<\/span><\/button> <button class=\"video-card searchable\" data-category=\"music\" data-search=\"\u0111\u00eam nh\u1ea1c th\u00e0nh ph\u1ed1 concert \u00e2m nh\u1ea1c\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"discover-image-4\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/1105666\/pexels-photo-1105666.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"Kh\u00e1n gi\u1ea3 trong \u0111\u00eam nh\u1ea1c s\u00f4i \u0111\u1ed9ng\"><span data-template-id=\"discover-duration-4\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 400; font-style: normal; font-size: 16px;\">04:55<\/span>\n       <\/div><p data-template-id=\"discover-title-4\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">\u0110\u00eam nh\u1ea1c th\u00e0nh ph\u1ed1 kh\u00f4ng ng\u1ee7<\/p><span data-template-id=\"discover-meta-4\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">S\u00f3ng \u00c2m \u00b7 190K l\u01b0\u1ee3t xem<\/span><\/button> <button class=\"video-card searchable\" data-category=\"gaming\" data-search=\"g\u00f3c game neon gaming esports\" type=\"button\" onclick=\"openPlayer()\">\n       <div class=\"thumb\">\n        <img decoding=\"async\" data-template-id=\"discover-image-5\" class=\"canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/3165335\/pexels-photo-3165335.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=800\" alt=\"B\u1ed9 thi\u1ebft b\u1ecb ch\u01a1i game nhi\u1ec1u m\u00e0u s\u1eafc\"><span data-template-id=\"discover-duration-5\" class=\"duration canva-tag\" style=\"background: rgb(8, 10, 16); color: rgb(255, 255, 255); font-weight: 400; font-style: normal; font-size: 16px;\">15:44<\/span>\n       <\/div><p data-template-id=\"discover-title-5\" class=\"video-name canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">G\u00f3c game neon: setup d\u01b0\u1edbi 10 ph\u00fat<\/p><span data-template-id=\"discover-meta-5\" class=\"video-meta canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Pixel Club \u00b7 98K l\u01b0\u1ee3t xem<\/span><\/button>\n     <\/div>\n     <div id=\"empty-results\" class=\"empty\">\n      <i data-lucide=\"search-x\" class=\"mx-auto mb-3\"><\/i>\n      <p data-template-id=\"empty-title\" class=\"font-bold canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 16px;\">Ch\u01b0a t\u00ecm th\u1ea5y video ph\u00f9 h\u1ee3p<\/p>\n      <p data-template-id=\"empty-description\" class=\"mt-2 text-sm canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Th\u1eed \u0111\u1ed5i t\u1eeb kh\u00f3a ho\u1eb7c ch\u1ecdn m\u1ed9t danh m\u1ee5c kh\u00e1c nh\u00e9.<\/p>\n     <\/div>\n    <\/section>\n    <section id=\"library\" class=\"view wide\">\n     <div class=\"mt-7 panel relative overflow-hidden\">\n      <img decoding=\"async\" data-template-id=\"channel-cover\" class=\"canva-image absolute inset-0 w-full h-full object-cover opacity-20\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/2911521\/pexels-photo-2911521.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1280\" alt=\"Ngh\u1ec7 thu\u1eadt tr\u1eebu t\u01b0\u1ee3ng v\u1edbi nh\u1eefng d\u1ea3i m\u00e0u h\u1ed3ng v\u00e0ng v\u00e0 \u0111en\">\n      <div class=\"relative flex flex-wrap items-center gap-4\">\n       <img decoding=\"async\" data-template-id=\"library-avatar\" class=\"avatar w-20 h-20 canva-image\" loading=\"lazy\" src=\"https:\/\/images.pexels.com\/photos\/1181686\/pexels-photo-1181686.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=400\" alt=\"\u1ea2nh \u0111\u1ea1i di\u1ec7n ng\u01b0\u1eddi d\u00f9ng m\u1eabu\">\n       <div>\n        <h1 data-template-id=\"library-name\" class=\"text-3xl font-extrabold canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 32px;\">Kh\u00f4ng gian c\u1ee7a b\u1ea1n<\/h1>\n        <p data-template-id=\"library-desc\" class=\"muted mt-1 canva-text\" style=\"color: rgb(209, 214, 227); font-weight: 400; font-style: normal; font-size: 16px;\">Theo d\u00f5i n\u1ed9i dung \u0111\u00e3 xem, \u0111\u00e3 th\u00edch, video l\u01b0u v\u00e0 playlist c\u00e1 nh\u00e2n.<\/p>\n       <\/div><button data-template-id=\"manage-button\" class=\"primary ml-auto canva-button\" type=\"button\" onclick=\"openUpload()\" style=\"background: rgb(255, 77, 103); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 16px;\">\u0110\u0103ng video<\/button>\n      <\/div>\n     <\/div>\n     <div class=\"library-grid mt-6\">\n      <div class=\"panel\">\n       <p data-template-id=\"history-label\" class=\"muted text-sm canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Video \u0111\u00e3 xem<\/p>\n       <p class=\"stat\">24<\/p>\n      <\/div>\n      <div class=\"panel\">\n       <p data-template-id=\"liked-label\" class=\"muted text-sm canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Video \u0111\u00e3 th\u00edch<\/p>\n       <p class=\"stat\">12<\/p>\n      <\/div>\n      <div class=\"panel\">\n       <p data-template-id=\"saved-label\" class=\"muted text-sm canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Xem sau<\/p>\n       <p class=\"stat\">08<\/p>\n      <\/div>\n     <\/div>\n     <div class=\"section-head\">\n      <div>\n       <h2 data-template-id=\"library-heading\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">Playlist c\u1ee7a b\u1ea1n<\/h2>\n       <p data-template-id=\"library-subheading\" class=\"canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Qu\u1ea3n l\u00fd n\u1ed9i dung c\u00e1 nh\u00e2n sau khi k\u1ebft n\u1ed1i WordPress.<\/p>\n      <\/div><button data-template-id=\"guide-link\" class=\"text-link canva-button\" type=\"button\" onclick=\"showView('guide')\" style=\"color: rgb(74, 229, 193); font-weight: 700; font-style: normal; font-size: 16px;\">H\u01b0\u1edbng d\u1eabn WordPress<\/button>\n     <\/div>\n     <div class=\"panel\">\n      <div class=\"flex items-center justify-between gap-4\">\n       <div>\n        <strong data-template-id=\"playlist-title\" class=\"canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Cu\u1ed1i tu\u1ea7n vui v\u1ebb<\/strong>\n        <p data-template-id=\"playlist-meta\" class=\"muted text-sm mt-1 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">8 video \u00b7 C\u1eadp nh\u1eadt h\u00f4m nay<\/p>\n       <\/div><button class=\"icon-btn\" type=\"button\" onclick=\"openPlayer()\" aria-label=\"Ph\u00e1t playlist\"><i data-lucide=\"play\"><\/i><\/button>\n      <\/div>\n     <\/div>\n    <\/section>\n    <section id=\"guide\" class=\"view wide\">\n     <div class=\"mt-7\">\n      <p data-template-id=\"guide-kicker\" class=\"kicker canva-tag\" style=\"color: rgb(74, 229, 193); font-weight: 800; font-style: normal; font-size: 16px;\">D\u00e0nh cho WordPress<\/p>\n      <h1 data-template-id=\"guide-title\" class=\"text-4xl font-extrabold tracking-tight mt-2 canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 32px;\">H\u01b0\u1edbng d\u1eabn t\u00edch h\u1ee3p WordPress<\/h1>\n      <p data-template-id=\"guide-description\" class=\"muted mt-3 max-w-3xl canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">Bi\u1ebfn b\u1ea3n xem th\u1eed Fun Video th\u00e0nh theme ho\u1eb7c frontend k\u1ebft n\u1ed1i WordPress REST API b\u1eb1ng c\u1ea5u tr\u00fac r\u00f5 r\u00e0ng, d\u1ec5 m\u1edf r\u1ed9ng v\u00e0 an to\u00e0n.<\/p>\n     <\/div>\n     <div class=\"guide-grid\">\n      <nav class=\"guide-list mt-5\" aria-label=\"N\u1ed9i dung h\u01b0\u1edbng d\u1eabn\">\n       <button class=\"guide-tab active\" type=\"button\" onclick=\"showGuide('structure',this)\">1. C\u1ea5u tr\u00fac plugin\/theme<\/button><button class=\"guide-tab\" type=\"button\" onclick=\"showGuide('cpt',this)\">2. CPT, taxonomy &amp; meta<\/button><button class=\"guide-tab\" type=\"button\" onclick=\"showGuide('rest',this)\">3. REST API an to\u00e0n<\/button><button class=\"guide-tab\" type=\"button\" onclick=\"showGuide('embed',this)\">4. Nh\u00fang &amp; t\u1ed1i \u01b0u<\/button>\n      <\/nav>\n      <article class=\"panel mt-5\">\n       <h2 id=\"guide-panel-title\" class=\"font-bold text-xl\">C\u1ea5u tr\u00fac \u0111\u1ec1 xu\u1ea5t<\/h2>\n       <p id=\"guide-panel-text\" class=\"muted text-sm leading-6 mt-3\">T\u00e1ch ph\u1ea7n d\u1eef li\u1ec7u, endpoint v\u00e0 giao di\u1ec7n \u0111\u1ec3 ti\u1ec7n b\u1ea3o tr\u00ec. Theme c\u00f3 th\u1ec3 g\u1ecdi REST API c\u1ee7a plugin \u0111\u1ec3 hi\u1ec3n th\u1ecb Fun Video.<\/p>\n       <pre id=\"guide-code\" class=\"codebox mt-5\">fun-video\/\n\u251c\u2500\u2500 fun-video.php\n\u251c\u2500\u2500 includes\/\n\u2502   \u251c\u2500\u2500 post-types.php\n\u2502   \u251c\u2500\u2500 rest-routes.php\n\u2502   \u2514\u2500\u2500 security.php\n\u251c\u2500\u2500 assets\/css\/fun-video.css\n\u251c\u2500\u2500 assets\/js\/fun-video.js\n\u2514\u2500\u2500 template-parts\/video-card.php<\/pre>\n      <\/article>\n     <\/div>\n     <div class=\"panel mt-6\">\n      <h2 data-template-id=\"integration-note-title\" class=\"font-bold canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">Checklist tri\u1ec3n khai an to\u00e0n<\/h2>\n      <p data-template-id=\"integration-note-text\" class=\"muted text-sm leading-7 mt-2 canva-text\" style=\"color: rgb(151, 160, 185); font-weight: 400; font-style: normal; font-size: 16px;\">\u0110\u0103ng k\u00fd CPT video, taxonomy video_category v\u00e0 video_tag; d\u00f9ng meta cho URL video, thumbnail, th\u1eddi l\u01b0\u1ee3ng, l\u01b0\u1ee3t xem, tr\u1ea1ng th\u00e1i v\u00e0 ph\u1ee5 \u0111\u1ec1. Lu\u00f4n sanitize d\u1eef li\u1ec7u \u0111\u1ea7u v\u00e0o, escape d\u1eef li\u1ec7u \u0111\u1ea7u ra, ki\u1ec3m tra nonce v\u00e0 capability. Ch\u1ec9 nh\u00fang YouTube\/Vimeo b\u1eb1ng URL h\u1ee3p l\u1ec7 qua oEmbed an to\u00e0n; kh\u00f4ng t\u1ea3i l\u1ea1i ho\u1eb7c v\u01b0\u1ee3t qua b\u1ea3n quy\u1ec1n n\u1ed9i dung b\u00ean th\u1ee9 ba. Th\u00eam ph\u00e2n trang REST, ch\u1ed1ng spam b\u00ecnh lu\u1eadn, VideoObject schema, Open Graph v\u00e0 sitemap video.<\/p>\n     <\/div>\n    <\/section>\n   <\/main>\n   <nav class=\"bottom-nav\" aria-label=\"\u0110i\u1ec1u h\u01b0\u1edbng ch\u00ednh\"><button class=\"nav-btn active\" data-target=\"home\" type=\"button\" onclick=\"showView('home')\"><i data-lucide=\"house\"><\/i><span>Trang ch\u1ee7<\/span><\/button> <button class=\"nav-btn\" data-target=\"discover\" type=\"button\" onclick=\"showView('discover')\"><i data-lucide=\"compass\"><\/i><span>Kh\u00e1m ph\u00e1<\/span><\/button> <button class=\"nav-btn\" type=\"button\" onclick=\"openUpload()\"><i data-lucide=\"circle-plus\"><\/i><span>\u0110\u0103ng video<\/span><\/button> <button class=\"nav-btn\" data-target=\"library\" type=\"button\" onclick=\"showView('library')\"><i data-lucide=\"library\"><\/i><span>Th\u01b0 vi\u1ec7n<\/span><\/button> <button class=\"nav-btn\" data-target=\"guide\" type=\"button\" onclick=\"showView('guide')\"><i data-lucide=\"circle-user-round\"><\/i><span>T\u00e0i kho\u1ea3n<\/span><\/button>\n   <\/nav>\n  <\/div>\n  <div id=\"upload-modal\" class=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"upload-title\">\n   <div class=\"modal-card\">\n    <div class=\"flex justify-between items-center\">\n     <h2 data-template-id=\"upload-title\" id=\"upload-title\" class=\"text-xl font-bold canva-text\" style=\"color: rgb(247, 247, 251); font-weight: 800; font-style: normal; font-size: 24px;\">\u0110\u0103ng video m\u1edbi<\/h2><button class=\"icon-btn\" type=\"button\" onclick=\"closeUpload()\" aria-label=\"\u0110\u00f3ng\"><i data-lucide=\"x\"><\/i><\/button>\n    <\/div>\n    <form onsubmit=\"submitUpload(event)\">\n     <div class=\"form-row\">\n      <label data-template-id=\"upload-label-title\" class=\"text-sm font-bold canva-text\" for=\"upload-name\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Ti\u00eau \u0111\u1ec1 video<\/label><input id=\"upload-name\" class=\"field\" type=\"text\" required=\"\" placeholder=\"V\u00ed d\u1ee5: Chuy\u1ebfn \u0111i cu\u1ed1i tu\u1ea7n\">\n     <\/div>\n     <div class=\"form-row\">\n      <label data-template-id=\"upload-label-url\" class=\"text-sm font-bold canva-text\" for=\"upload-url\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">URL video (ho\u1eb7c ch\u1ecdn t\u1ec7p khi t\u00edch h\u1ee3p WordPress)<\/label><input id=\"upload-url\" class=\"field\" type=\"url\" placeholder=\"https:\/\/...\">\n     <\/div>\n     <div class=\"form-row\">\n      <label data-template-id=\"upload-label-category\" class=\"text-sm font-bold canva-text\" for=\"upload-category\" style=\"color: rgb(247, 247, 251); font-weight: 700; font-style: normal; font-size: 16px;\">Danh m\u1ee5c<\/label><select id=\"upload-category\" class=\"field\"><option>Gi\u1ea3i tr\u00ed<\/option><option>Du l\u1ecbch<\/option><option>\u1ea8m th\u1ef1c<\/option><option>\u00c2m nh\u1ea1c<\/option><\/select>\n     <\/div>\n     <div id=\"upload-track\" class=\"upload-track\">\n      <div id=\"upload-bar\" class=\"upload-bar\"><\/div>\n     <\/div>\n     <p id=\"upload-status\" class=\"muted text-sm mt-3\" aria-live=\"polite\"><\/p><button data-template-id=\"upload-submit\" id=\"upload-submit\" class=\"primary mt-5 canva-button\" type=\"submit\" style=\"background: rgb(255, 77, 103); color: rgb(255, 255, 255); font-weight: 800; font-style: normal; font-size: 16px;\">Ki\u1ec3m tra v\u00e0 x\u1eed l\u00fd video<\/button>\n    <\/form>\n   <\/div>\n  <\/div>\n  <div id=\"toast\" class=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n  <script>\n    let isPlaying=false, currentFilter='all', speedIndex=0;\n    const speeds=['1x','1.25x','1.5x','2x'];\n    const guides={\n      structure:{title:'C\u1ea5u tr\u00fac \u0111\u1ec1 xu\u1ea5t',text:'T\u00e1ch plugin qu\u1ea3n l\u00fd video kh\u1ecfi theme hi\u1ec3n th\u1ecb. \u0110i\u1ec1u n\u00e0y gi\u00fap gi\u1eef d\u1eef li\u1ec7u v\u00e0 API \u1ed5n \u0111\u1ecbnh khi \u0111\u1ed5i giao di\u1ec7n.',code:`fun-video\/\\n\u251c\u2500\u2500 fun-video.php\\n\u251c\u2500\u2500 includes\/\\n\u2502   \u251c\u2500\u2500 post-types.php\\n\u2502   \u251c\u2500\u2500 rest-routes.php\\n\u2502   \u2514\u2500\u2500 security.php\\n\u251c\u2500\u2500 assets\/css\/fun-video.css\\n\u251c\u2500\u2500 assets\/js\/fun-video.js\\n\u2514\u2500\u2500 template-parts\/video-card.php`},\n      cpt:{title:'\u0110\u0103ng k\u00fd video v\u00e0 taxonomy',text:'D\u00f9ng custom post type video c\u00f9ng taxonomy video_category v\u00e0 video_tag. Meta n\u00ean \u0111\u01b0\u1ee3c \u0111\u0103ng k\u00fd v\u1edbi sanitize callback r\u00f5 r\u00e0ng.',code:`register_post_type('video', [\\n  'public' => true,\\n  'show_in_rest' => true,\\n  'supports' => ['title','editor','thumbnail','comments'],\\n  'capability_type' => 'post',\\n]);\\nregister_taxonomy('video_category', 'video', [\\n  'show_in_rest' => true,\\n  'hierarchical' => true,\\n]);\\nregister_post_meta('video', 'fun_video_url', [\\n  'single' => true, 'show_in_rest' => true,\\n  'sanitize_callback' => 'esc_url_raw',\\n]);`},\n      rest:{title:'REST API c\u00f3 ki\u1ec3m tra quy\u1ec1n',text:'Ph\u00e2n trang d\u1eef li\u1ec7u c\u00f4ng khai. C\u00e1c thao t\u00e1c th\u00edch, l\u01b0u v\u00e0 t\u0103ng l\u01b0\u1ee3t xem c\u1ea7n nonce, x\u00e1c th\u1ef1c ng\u01b0\u1eddi d\u00f9ng v\u00e0 capability checks.',code:`register_rest_route('fun-video\/v1', '\/videos', [\\n 'methods' => 'GET',\\n 'callback' => 'fun_video_list',\\n 'permission_callback' => '__return_true',\\n]);\\nregister_rest_route('fun-video\/v1', '\/video\/(?P<id>\\\\\\\\d+)\/like', [\\n 'methods' => 'POST',\\n 'callback' => 'fun_video_like',\\n 'permission_callback' => function () {\\n   return current_user_can('read') &&\\n     check_ajax_referer('wp_rest', '_wpnonce', false);\\n },\\n]);`},\n      embed:{title:'Nh\u00fang, SEO v\u00e0 hi\u1ec7u n\u0103ng',text:'Ch\u1ec9 ch\u1ea5p nh\u1eadn URL t\u1ef1 host ho\u1eb7c embed provider \u0111\u01b0\u1ee3c allow-list. Kh\u00f4ng t\u1ea3i l\u1ea1i hay v\u01b0\u1ee3t quy\u1ec1n n\u1ed9i dung b\u00ean th\u1ee9 ba. Th\u00eam VideoObject schema v\u00e0 lazy loading thumbnail.',code:`function fun_video_embed($url) {\\n  $host = wp_parse_url($url, PHP_URL_HOST);\\n  $allowed = ['youtube.com','www.youtube.com','vimeo.com'];\\n  if (!in_array($host, $allowed, true)) return '';\\n  return wp_oembed_get(esc_url($url));\\n}\\nadd_shortcode('fun_video', 'fun_video_shortcode');\\n\/\/ Escape output: esc_html(), esc_url(), wp_kses_post()\\n\/\/ Validate: wp_verify_nonce(), current_user_can()`}\n    };\n    function icons(){ if(window.lucide) lucide.createIcons(); }\n    function showView(id){ document.querySelectorAll('.view').forEach(v=>v.classList.toggle('active',v.id===id)); document.querySelectorAll('.nav-btn[data-target]').forEach(b=>b.classList.toggle('active',b.dataset.target===id)); window.scrollTo({top:0,behavior:'smooth'}); icons(); }\n    function openPlayer(){ showView('player-view'); const saved=sessionStorage.getItem('funVideoProgress'); if(saved) document.getElementById('video-progress').value=saved; }\n    function toggleTheme(){document.body.classList.toggle('light');document.getElementById('theme-icon').setAttribute('data-lucide',document.body.classList.contains('light')?'moon':'sun');icons();}\n    function showToast(message){const t=document.getElementById('toast');t.textContent=message;t.classList.add('show');clearTimeout(window.toastTimer);window.toastTimer=setTimeout(()=>t.classList.remove('show'),2600);}\n    function togglePlay(){isPlaying=!isPlaying;document.getElementById('play-icon').setAttribute('data-lucide',isPlaying?'pause':'play');document.getElementById('big-play').querySelector('svg')?.remove();document.getElementById('big-play').innerHTML=`<i data-lucide=\"${isPlaying?'pause':'play'}\" fill=\"currentColor\"><\/i>`;showToast(isPlaying?'\u0110ang ph\u00e1t video':'\u0110\u00e3 t\u1ea1m d\u1eebng');icons();}\n    function seek(amount){const p=document.getElementById('video-progress');p.value=Math.max(0,Math.min(100,+p.value+amount\/6));saveProgress(p.value);}\n    function saveProgress(value){sessionStorage.setItem('funVideoProgress',value);document.getElementById('time-readout').textContent=`${String(Math.floor(value*6\/60)).padStart(2,'0')}:${String(Math.floor(value*6%60)).padStart(2,'0')} \/ 10:22`;}\n    function changeSpeed(){speedIndex=(speedIndex+1)%speeds.length;document.getElementById('speed-label').textContent=speeds[speedIndex];showToast(`T\u1ed1c \u0111\u1ed9 ph\u00e1t ${speeds[speedIndex]}`);}\n    function toggleTheater(){document.getElementById('player-frame').classList.toggle('theater');}\n    function toggleFullscreen(){const el=document.getElementById('player-frame');if(document.fullscreenElement)document.exitFullscreen();else if(el.requestFullscreen)el.requestFullscreen();}\n    function tryPiP(){showToast('Picture-in-picture kh\u1ea3 d\u1ee5ng khi k\u1ebft n\u1ed1i video th\u1eadt');}\n    function toggleAction(el,msg){el.classList.toggle('on');showToast(el.classList.contains('on')?msg:'\u0110\u00e3 ho\u00e0n t\u00e1c');}\n    function toggleSaved(el){el.classList.toggle('text-emerald-300');showToast(el.classList.contains('text-emerald-300')?'\u0110\u00e3 l\u01b0u v\u00e0o Xem sau':'\u0110\u00e3 b\u1ecf kh\u1ecfi Xem sau');}\n    function toggleFollow(el){el.classList.toggle('bg-emerald-400');el.classList.toggle('text-slate-900');showToast(el.classList.contains('bg-emerald-400')?'\u0110ang theo d\u00f5i k\u00eanh':'\u0110\u00e3 b\u1ecf theo d\u00f5i');}\n    async function shareVideo(){try{await navigator.clipboard.writeText('https:\/\/fun.video\/watch\/mot-ngay-qua-khung-hinh');showToast('\u0110\u00e3 sao ch\u00e9p li\u00ean k\u1ebft video');}catch(e){showToast('Li\u00ean k\u1ebft video \u0111\u00e3 s\u1eb5n s\u00e0ng \u0111\u1ec3 chia s\u1ebb');}}\n    function loadComments(){document.getElementById('more-comment').style.display='flex';document.getElementById('more-comments-btn').style.display='none';}\n    function setFilter(btn,filter){currentFilter=filter;document.querySelectorAll('.chip').forEach(c=>c.classList.remove('active'));btn.classList.add('active');filterVideos();}\n    function filterVideos(){const term=document.getElementById('discover-search').value.toLowerCase();let count=0;document.querySelectorAll('.searchable').forEach(card=>{const show=(currentFilter==='all'||card.dataset.category===currentFilter)&&card.dataset.search.includes(term);card.style.display=show?'block':'none';if(show)count++;});document.getElementById('empty-results').style.display=count?'none':'block';}\n    function quickSearch(v){if(v.length>1){showView('discover');document.getElementById('discover-search').value=v;filterVideos();}}\n    function openUpload(){document.getElementById('upload-modal').classList.add('open');icons();}\n    function closeUpload(){document.getElementById('upload-modal').classList.remove('open');}\n    function submitUpload(e){e.preventDefault();const btn=e.submitter,track=document.getElementById('upload-track'),bar=document.getElementById('upload-bar'),status=document.getElementById('upload-status');btn.disabled=true;track.style.display='block';status.textContent='\u0110ang ki\u1ec3m tra \u0111\u1ecbnh d\u1ea1ng v\u00e0 x\u1eed l\u00fd video\u2026';let p=0;const timer=setInterval(()=>{p+=20;bar.style.width=p+'%';if(p>=100){clearInterval(timer);status.textContent='Ho\u00e0n t\u1ea5t! Video \u0111\u00e3 s\u1eb5n s\u00e0ng \u0111\u1ec3 g\u1eedi l\u00ean WordPress.';btn.disabled=false;showToast('Video m\u1eabu \u0111\u00e3 \u0111\u01b0\u1ee3c x\u1eed l\u00fd');}},250);}\n    function showGuide(key,btn){const g=guides[key];document.getElementById('guide-panel-title').textContent=g.title;document.getElementById('guide-panel-text').textContent=g.text;document.getElementById('guide-code').textContent=g.code;document.querySelectorAll('.guide-tab').forEach(b=>b.classList.remove('active'));btn.classList.add('active');}\n    document.addEventListener('DOMContentLoaded',icons);\n  <\/script>\n \n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>Fun Video Fun.Video Video n\u1ed5i b\u1eadt \u00b7 T\u1eadp m\u1edbi M\u1ed9t ng\u00e0y r\u1ef1c r\u1ee1 qua khung h\u00ecnh M\u1ed9t chuy\u1ebfn \u0111i \u0111\u1ea7y m\u00e0u s\u1eafc, nh\u1eefng kho\u1ea3nh kh\u1eafc nh\u1ecf \u0111\u00e1ng nh\u1edb v\u00e0 ngu\u1ed3n n\u0103ng l\u01b0\u1ee3ng t\u00edch c\u1ef1c \u0111\u1ec3 b\u1ea1n xem l\u1ea1i b\u1ea5t c\u1ee9 l\u00fac n\u00e0o. Xem ngay Du l\u1ecbch \u00b7 10:22 \u00b7 1,2M l\u01b0\u1ee3t xem \u0110ang th\u1ecbnh h\u00e0nh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/movesxe.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":3,"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/movesxe.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/movesxe.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}