{"id":1211,"date":"2016-06-15T22:08:43","date_gmt":"2016-06-15T22:08:43","guid":{"rendered":"https:\/\/logitech.cms.com.vn\/video-button\/"},"modified":"2016-06-15T22:08:43","modified_gmt":"2016-06-15T22:08:43","slug":"video-button","status":"publish","type":"page","link":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/","title":{"rendered":"Video Button"},"content":{"rendered":"\n  <div class=\"banner has-hover\" id=\"banner-1991912843\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1089772261\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Video Button<\/strong><\/h3>\n<p class=\"lead\">Add a video button that opens Youtube and Viemo videos anywhere.<\/p>\n<div class=\"video-button-wrapper\" style=\"font-size:118%\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-1089772261 {\n  width: 60%;\n}\n#text-box-1089772261 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1991912843 {\n  padding-top: 450px;\n}\n<\/style>\n  <\/div>\n\n\n<div class=\"row\"  id=\"row-1175519697\">\n\n\t<div id=\"col-888775702\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-2 box-shadow-4-hover\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover\" id=\"banner-1166058061\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"300\" height=\"195\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1-300x195.jpg\" class=\"bg attachment-medium size-medium\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-179136506\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Video Button<\/strong><\/h3>\n<p class=\"lead\">Add a video button that opens Youtube and Viemo videos anywhere.<\/p>\n<div class=\"video-button-wrapper\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-179136506 {\n  width: 60%;\n}\n#text-box-179136506 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1166058061 {\n  padding-top: 450px;\n}\n#banner-1166058061 .overlay {\n  background-color: rgba(0, 0, 0, 0.52);\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-191415308\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-2 box-shadow-4-hover\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover\" id=\"banner-322332505\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                                    \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-507556339\" class=\"text-box banner-layer x10 md-x10 lg-x10 y10 md-y10 lg-y10 res-text\">\n                                <div class=\"text-box-content text \">\n              \n              <div class=\"text-inner text-left\">\n                  \n<h3 class=\"uppercase\"><strong>Change Size<\/strong><\/h3>\n<p class=\"lead\">You can change the size to anything<\/p>\n<div class=\"video-button-wrapper\" style=\"font-size:202%\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-507556339 {\n  width: 60%;\n}\n#text-box-507556339 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-322332505 {\n  padding-top: 450px;\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-497796577\" class=\"col medium-4 small-12 large-4\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-2 box-shadow-4-hover\"  >\n\t\t\t\n\t\t\t\n\n  <div class=\"banner has-hover bg-overlay-add\" id=\"banner-521152750\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-2-1.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-1024952735\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n       <div class=\"hover-zoom-in\">                         <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>Show on Hover<\/strong><\/h3>\n<p class=\"lead\">Select between various hover effects<\/p>\n<div class=\"video-button-wrapper\"><a href=\"https:\/\/www.youtube.com\/watch?v=f3Hh_qSkpaA\" class=\"button open-video icon circle is-outline is-xlarge\" role=\"button\" aria-label=\"Open video in lightbox\" data-flatsome-role-button><i class=\"icon-play\" aria-hidden=\"true\" style=\"font-size:1.5em;\"><\/i><\/a><\/div>\n              <\/div>\n           <\/div>\n                     <\/div>       \n<style>\n#text-box-1024952735 {\n  width: 60%;\n}\n#text-box-1024952735 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-521152750 {\n  padding-top: 450px;\n}\n#banner-521152750 .overlay {\n  background-color: rgba(0, 0, 0, 0.45);\n}\n<\/style>\n  <\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1001,"parent":1265,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-1211","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Video Button - CMS-LOGITECH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video Button - CMS-LOGITECH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/\" \/>\n<meta property=\"og:site_name\" content=\"CMS-LOGITECH\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CMSCo.Ltd\" \/>\n<meta property=\"og:image\" content=\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/\",\"name\":\"Video Button - CMS-LOGITECH\",\"isPartOf\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"datePublished\":\"2016-06-15T22:08:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg\",\"width\":400,\"height\":260},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\/\/logitech.cms.com.vn\/en\/elements\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Video Button\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#website\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"name\":\"CMS X LOGITECH\",\"description\":\"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.\",\"publisher\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\"},\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#organization\",\"name\":\"CMS X LOGITECH\",\"alternateName\":\"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC\",\"url\":\"https:\/\/logitech.cms.com.vn\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"contentUrl\":\"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png\",\"width\":400,\"height\":400,\"caption\":\"CMS X LOGITECH\"},\"image\":{\"@id\":\"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/CMSCo.Ltd\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Video Button - CMS-LOGITECH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/","og_locale":"en_US","og_type":"article","og_title":"Video Button - CMS-LOGITECH","og_url":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/","og_site_name":"CMS-LOGITECH","article_publisher":"https:\/\/www.facebook.com\/CMSCo.Ltd","og_image":[{"width":400,"height":260,"url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/","url":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/","name":"Video Button - CMS-LOGITECH","isPartOf":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage"},"thumbnailUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","datePublished":"2016-06-15T22:08:43+00:00","breadcrumb":{"@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#primaryimage","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2016\/08\/dummy-1-1.jpg","width":400,"height":260},{"@type":"BreadcrumbList","@id":"https:\/\/logitech.cms.com.vn\/en\/elements\/video-button\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/logitech.cms.com.vn\/en\/"},{"@type":"ListItem","position":2,"name":"Elements","item":"https:\/\/logitech.cms.com.vn\/en\/elements\/"},{"@type":"ListItem","position":3,"name":"Video Button"}]},{"@type":"WebSite","@id":"https:\/\/logitech.cms.com.vn\/en\/#website","url":"https:\/\/logitech.cms.com.vn\/en\/","name":"CMS X LOGITECH","description":"L\u00e0 nh\u00e0 ph\u00e2n ph\u1ed1i chi\u1ebfn l\u01b0\u1ee3c c\u1ee7a Logitech t\u1ea1i Vi\u1ec7t Nam, C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC (CMS) t\u1ef1 h\u00e0o mang \u0111\u1ebfn cho th\u1ecb tr\u01b0\u1eddng nh\u1eefng gi\u1ea3i ph\u00e1p h\u1ed9i h\u1ecdp ch\u00ednh h\u00e3ng, t\u1ed1i \u01b0u cho doanh nghi\u1ec7p thu\u1ed9c m\u1ecdi quy m\u00f4, t\u1eeb startup n\u0103ng \u0111\u1ed9ng \u0111\u1ebfn t\u1eadp \u0111o\u00e0n \u0111a qu\u1ed1c gia.","publisher":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#organization"},"alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/logitech.cms.com.vn\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/logitech.cms.com.vn\/en\/#organization","name":"CMS X LOGITECH","alternateName":"C\u00f4ng ty TNHH S\u1ea3n xu\u1ea5t v\u00e0 D\u1ecbch v\u1ee5 CMC","url":"https:\/\/logitech.cms.com.vn\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/","url":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","contentUrl":"https:\/\/logitech.cms.com.vn\/wp-content\/uploads\/2026\/03\/Logitech_idrFIUkALf_3.png","width":400,"height":400,"caption":"CMS X LOGITECH"},"image":{"@id":"https:\/\/logitech.cms.com.vn\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CMSCo.Ltd"]}]}},"_links":{"self":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/comments?post=1211"}],"version-history":[{"count":0,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1211\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/pages\/1265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media\/1001"}],"wp:attachment":[{"href":"https:\/\/logitech.cms.com.vn\/en\/wp-json\/wp\/v2\/media?parent=1211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}