{"id":8150,"date":"2023-08-14T21:45:52","date_gmt":"2023-08-14T14:45:52","guid":{"rendered":"https:\/\/tapchicntt.com\/?p=8150"},"modified":"2023-08-14T21:48:41","modified_gmt":"2023-08-14T14:48:41","slug":"thu-thuat-lay-anh-dai-dien-youtube-bang-javascript","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/thu-thuat-lay-anh-dai-dien-youtube-bang-javascript\/","title":{"rendered":"Th\u1ee7 thu\u1eadt l\u1ea5y \u1ea3nh \u0111\u1ea1i di\u1ec7n Youtube b\u1eb1ng javascript"},"content":{"rendered":"\n<p>Trong b\u00e0i n\u00e0y ch\u00fang t\u00f4i s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n l\u1ea5y \u1ea3nh \u0111\u1ea1i di\u1ec7n c\u1ee7a Youtube b\u1eb1ng Javascript.<\/p>\n\n\n\n<p>S\u1eed d\u1ee5ng iframe \u0111\u1ec3 ch\u00e8n video youtube v\u00e0o website sau:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe width=&quot;420&quot; height=&quot;315&quot; src=&quot;www.youtube.com\/embed\/ypThsa-_wQ8&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;\/iframe&gt;\n\n&lt;div id=\u201cshow_thumb\u201d&gt;Show The thumbnail&lt;\/div&gt;\n<\/pre><\/div>\n\n\n<p>D\u00f9ng \u0111o\u1ea1n code sau \u0111\u1ec3 l\u1ea5y id video c\u1ee7a youtube:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\n  var iframe          = $(&#039;iframe:first&#039;);\n  var iframe_src   = iframe.attr(&#039;src&#039;);\n  var youtube_video_id = iframe_src.match(\/youtube\\.com.*(\\?v=|\\\/embed\\\/)(.{11})\/).pop();\n    if (youtube_video_id.length == 11) {\n        var video_thumbnail = $(&#039;&lt;img src=&quot;\/\/img.youtube.com\/vi\/&#039;+youtube_video_id+&#039;\/0.jpg&quot;&gt;&#039;);\n        $(&#039;body&#039;).append(video_thumbnail);\n        $(&#039;img:first&#039;).click(function() {\n            $(&#039;iframe:first&#039;).fadeToggle(&#039;400&#039;);\n        });\n    }\n<\/pre><\/div>\n\n\n<p>Ch\u00fac c\u00e1c b\u1ea1n th\u00e0nh c\u00f4ng!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u00e0i n\u00e0y ch\u00fang t\u00f4i s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1c b\u1ea1n l\u1ea5y \u1ea3nh \u0111\u1ea1i di\u1ec7n c\u1ee7a Youtube b\u1eb1ng Javascript. S\u1eed d\u1ee5ng [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":8152,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[142],"tags":[],"class_list":["post-8150","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thu-thuat-jquery"],"views":542,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/8150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=8150"}],"version-history":[{"count":3,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/8150\/revisions"}],"predecessor-version":[{"id":8154,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/8150\/revisions\/8154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/8152"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=8150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=8150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=8150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}