{"id":2414,"date":"2016-12-02T01:21:33","date_gmt":"2016-12-01T23:21:33","guid":{"rendered":"http:\/\/www.itersdesktop.com\/?p=2414"},"modified":"2022-06-15T11:08:06","modified_gmt":"2022-06-15T10:08:06","slug":"make-your-youtube-videos-loop-and-autoplay","status":"publish","type":"post","link":"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/","title":{"rendered":"T\u1ef1 \u0111\u1ed9ng m\u1edf v\u00e0 l\u1eb7p l\u1ea1i videos tr\u00ean YouTube"},"content":{"rendered":"<p><\/p>\n<p style=\"text-align: justify;\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 c\u00f3 th\u1ec3 t\u1ef1 \u0111\u1ed9ng l\u1eb7p l\u1ea1i m\u1ed9t YouTube video ho\u1eb7c YouTube playlist? Sau nhi\u1ec1u l\u1ea7n t\u00ecm ki\u1ebfm v\u00e0 ch\u1ebf t\u00e1c, t\u00f4i c\u0169ng t\u00ecm \u0111\u01b0\u1ee3c m\u1ed9t c\u00e1ch, m\u1eb7c d\u00f9 kh\u00f4ng \u0111\u01a1n gi\u1ea3n cho m\u1ed9t s\u1ed1 kh\u00f4ng nh\u1ecf \u0111\u1ed9c gi\u1ea3, nh\u01b0ng \u00edt ra gi\u1ea3i quy\u1ebft \u0111\u01b0\u1ee3c m\u1ee5c \u0111\u00edch c\u1ee7a m\u00ecnh. Sau \u0111\u00e2y, t\u00f4i xin chia s\u1ebb c\u00f9ng c\u00e1c b\u1ea1n nh\u1eefng b\u01b0\u1edbc c\u01a1 b\u1ea3n \u0111\u1ec3 t\u1ea1o m\u1ed9t \u1ee9ng d\u1ee5ng m\u1edf YouTube video t\u1ef1 \u0111\u1ed9ng v\u00e0 l\u1eb7p l\u1ea1i (loop\/repeat).<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6ab17e1b442b3\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6ab17e1b442b3\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/#co-ban\" >C\u01a1 b\u1ea3n<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/#nang-cao\" >N\u00e2ng cao<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/#demo\" >Demo<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/#chuong-trinh-nghe-nhac-youtube\" >Ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c YouTube<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.itersdesktop.com\/vi\/2016\/12\/02\/make-your-youtube-videos-loop-and-autoplay\/#tham-khao\" >Tham kh\u1ea3o<\/a><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"co-ban\"><\/span>C\u01a1 b\u1ea3n<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>T\u1ea1o m\u1ed9t trang web v\u1edbi n\u1ed9i dung nh\u01b0 b\u00ean d\u01b0\u1edbi<\/p>\n<pre class=\"lang:xhtml decode:true EnlighterJSRAW\" title=\"YouTube API\" data-enlighter-language=\"generic\">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;Ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c Youtube&lt;\/title&gt;\r\n&lt;style&gt;\r\n\t#myhtml5player {\r\n\t\tposition: absolute;\r\n\t\ttop:0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tdisplay: inline-block;\r\n\t\tmargin: auto;\r\n\t}\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;div id=\"wrapper\" style=\"text-align: center\"&gt;    \r\n\t&lt;div id=\"myhtml5player\"&gt;\r\n\t&lt;h1&gt;Chuong trinh nghe nhac&lt;\/h1&gt;\r\n\t&lt;iframe id=\"ytplayer\" type=\"text\/html\" width=\"800\" height=\"640\"\r\n\t  src=\"https:\/\/www.youtube.com\/embed?listType=playlist&amp;list=PLE-A6_CIGWSRap6TyqqHZh4V40JAtJIFV&amp;autoplay=1&amp;loop=1\"\r\n\t  frameborder=\"0\"&gt;&lt;\/iframe&gt;\r\n\t&lt;\/div&gt;  \r\n&lt;\/div&gt;\r\n  &lt;!-- src=\"https:\/\/www.youtube.com\/embed\/M7lc1UVf-VE?autoplay=1&amp;loop=1\" --&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>V\u00e0o Youtube, t\u00ecm id c\u1ee7a playlist m\u00e0 b\u1ea1n th\u00edch, thay th\u1ebf v\u1edbi id trong \u0111o\u1ea1n code tr\u00ean (t\u1ee9c:\u00a0PLE-A6_CIGWSRap6TyqqHZh4V40JAtJIFV). Tr\u01b0\u1eddng h\u1ee3p, m\u1ed9t video th\u00ec t\u00ecm id c\u1ee7a video, thay th\u1ebf to\u00e0n b\u1ed9 thu\u1ed9c t\u00ednh <strong>src<\/strong> b\u1eb1ng t\u01b0\u01a1ng t\u1ef1 nh\u01b0 \u0111o\u1ea1n n\u1eb1m trong ch\u00fa th\u00edch b\u00ean d\u01b0\u1edbi.<\/p>\n<p>D\u00f9ng tr\u00ecnh duy\u1ec7t Google Chrome \u0111\u1ec3 m\u1edf trang web b\u1ea1n v\u1eeba t\u1ea1o \u1edf tr\u00ean. K\u1ebft qu\u1ea3 s\u1ebd t\u01b0\u01a1ng t\u1ef1 nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi.<\/p>\n<figure id=\"attachment_2421\" aria-describedby=\"caption-attachment-2421\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-2421\" src=\"http:\/\/www.itersdesktop.com\/wp-content\/uploads\/2016\/12\/Screenshot_7-1024x882.png\" alt=\"Ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c YouTube t\u1ef1 \u0111\u1ed9ng v\u00e0 l\u1eb7p l\u1ea1i\" width=\"620\" height=\"534\" srcset=\"https:\/\/www.itersdesktop.com\/wp-content\/uploads\/2016\/12\/Screenshot_7.png 1024w, https:\/\/www.itersdesktop.com\/wp-content\/uploads\/2016\/12\/Screenshot_7-300x258.png 300w, https:\/\/www.itersdesktop.com\/wp-content\/uploads\/2016\/12\/Screenshot_7-768x662.png 768w, https:\/\/www.itersdesktop.com\/wp-content\/uploads\/2016\/12\/Screenshot_7-50x43.png 50w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><figcaption id=\"caption-attachment-2421\" class=\"wp-caption-text\">Ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c YouTube t\u1ef1 \u0111\u1ed9ng v\u00e0 l\u1eb7p l\u1ea1i<\/figcaption><\/figure>\n<h1><span class=\"ez-toc-section\" id=\"nang-cao\"><\/span>N\u00e2ng cao<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>S\u1ebd c\u1eadp nh\u1eadt sau.<\/p>\n<p>Bao g\u1ed3m t\u00ednh n\u0103ng:<\/p>\n<ul>\n<li>Cho ph\u00e9p thay \u0111\u1ed5i video\/playlist b\u1eb1ng giao di\u1ec7n d\u1ec5 th\u01b0\u01a1ng.<\/li>\n<li>T\u1eaft\/b\u1eadt t\u1ef1 \u0111\u1ed9ng ch\u1ea1y (autoplay), l\u1eb7p (loop).<\/li>\n<li>T\u1ea1o ti\u1ec7n \u00edch nghe nh\u1ea1c cho website n\u00e0y.<\/li>\n<li>Cung c\u1ea5p file html t\u1ea1o s\u1eb5n m\u1eabu c\u00f3 th\u1ec3 t\u1ea3i \u0111\u01b0\u1ee3c.<\/li>\n<li>T\u1ea1o cho b\u1ea1n \u0111\u1ecdc m\u1ed9t c\u00f4ng c\u1ee5 \u0111\u1ec3 c\u00f3 t\u1ea1o ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c ri\u00eang v\u00e0 t\u1ea3i \u0111\u01b0\u1ee3c.<\/li>\n<\/ul>\n<h1><span class=\"ez-toc-section\" id=\"demo\"><\/span>Demo<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<div id=\"wrapper\" style=\"text-align: center;\">\n<div id=\"myhtml5player\">\n<h1><span class=\"ez-toc-section\" id=\"chuong-trinh-nghe-nhac-youtube\"><\/span>Ch\u01b0\u01a1ng tr\u00ecnh nghe nh\u1ea1c YouTube<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p><iframe loading=\"lazy\" id=\"ytplayer\" src=\"https:\/\/www.youtube.com\/embed?listType=playlist&amp;list=PL2F99_jPfm5rCC-uU4lhqfQ5WtYltyBj1&amp;autoplay=0&amp;loop=1\" width=\"800\" height=\"640\" frameborder=\"0\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<\/div>\n<\/div>\n<h1><span class=\"ez-toc-section\" id=\"tham-khao\"><\/span>Tham kh\u1ea3o<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<p>[1]\u00a0<a href=\"https:\/\/developers.google.com\/youtube\/player_parameters\">YouTube Embedded Players and Player Parameters<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 c\u00f3 th\u1ec3 t\u1ef1 \u0111\u1ed9ng l\u1eb7p l\u1ea1i m\u1ed9t YouTube video ho\u1eb7c YouTube playlist? Sau nhi\u1ec1u l\u1ea7n t\u00ecm ki\u1ebfm v\u00e0 ch\u1ebf t\u00e1c, t\u00f4i c\u0169ng t\u00ecm \u0111\u01b0\u1ee3c m\u1ed9t c\u00e1ch,&hellip; <\/p>\n","protected":false},"author":2,"featured_media":2421,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[226,223],"tags":[599,364],"class_list":["post-2414","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-tips-tricks","tag-automatically-play-and-loop","tag-youtube"],"_links":{"self":[{"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/posts\/2414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/comments?post=2414"}],"version-history":[{"count":24,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/posts\/2414\/revisions"}],"predecessor-version":[{"id":4014,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/posts\/2414\/revisions\/4014"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/media\/2421"}],"wp:attachment":[{"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/media?parent=2414"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/categories?post=2414"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itersdesktop.com\/vi\/wp-json\/wp\/v2\/tags?post=2414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}