{"id":154,"date":"2019-06-08T13:24:19","date_gmt":"2019-06-08T13:24:19","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=154"},"modified":"2019-06-08T13:35:34","modified_gmt":"2019-06-08T13:35:34","slug":"como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/","title":{"rendered":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS"},"content":{"rendered":"<p>Hey, hola qu\u00e9 tal,esta vez aprenderemos acerca de<strong> como agregar video como fondo de p\u00e1gina web con HTML y CSS<\/strong> el cual es uno de los principales recursos en un sitio web, te escribe Jordan Alexander de AlexCG Design y empezamos.<\/p>\n<p>Recordemos que los\u00a0<strong>videos de fondo en las paginas web con HTML son\u00a0<\/strong>uno de los mejores recursos que puede tener una p\u00e1gina web, ya que te ayudar\u00e1 a dar un vistazo m\u00e1s cercano de lo que va la tem\u00e1tica de tu sitio web.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-thumbnail wp-image-156\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit-720x405.png\" alt=\"Como poner video de fondo en HTML5 y CSS3\" width=\"720\" height=\"405\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit-720x405.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit-300x169.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit-768x432.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit-1024x576.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png 1280w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/p>\n<h3><\/h3>\n<h3><b><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/26a0.svg\" alt=\"\u26a0\ufe0f\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/270b.svg\" alt=\"\u270b\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0Antes de seguir leyendo:\u00a0<\/b>Si no has visto el tutorial de YouTube\u00a0<strong>Como crear una tabla de precios animada con HTML Y CSS<\/strong>\u00a0\u00bfQue esperas? Puedes verlo aqu\u00ed abajo:\u00a0<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f447.svg\" alt=\"\ud83d\udc47\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/h3>\n<p><iframe title=\"Como AGREGAR VIDEO como FONDO en una PAGINA WEB con HTML y CSS\" width=\"1290\" height=\"726\" data-src=\"https:\/\/www.youtube.com\/embed\/j5vYLYZjecI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h3>Recursos usados para crear el proyecto:<\/h3>\n<p>\ud83d\udccc Pexels Video:<\/p>\n<p><a href=\"https:\/\/www.pexels.com\/videos\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.pexels.com\/videos\/<\/a><\/p>\n<figure id=\"attachment_165\" aria-describedby=\"caption-attachment-165\" style=\"width: 720px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.pexels.com\/videos\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"size-thumbnail wp-image-165 lazyload\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels-720x345.png\" alt=\"agregar un video de pexels\" width=\"720\" height=\"345\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels-720x345.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels-768x369.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels-1024x491.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/agregar-un-video-de-pexels.png 1365w\" data-sizes=\"(max-width: 720px) 100vw, 720px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 720px; --smush-placeholder-aspect-ratio: 720\/345;\" \/><\/a><figcaption id=\"caption-attachment-165\" class=\"wp-caption-text\">agregar un video de pexels<\/figcaption><\/figure>\n<p>Pexels Video es un banco de imagenes libre de derechos de autor, la cual te ayudar\u00e1 en el camino de poder\u00a0<strong>agregar videos como fondo con HTML y CSS, <\/strong>ya que s\u00f3lo es cuesti\u00f3n de descargar el video de manera gratutita en la p\u00e1gina de los cuales hay bastantes tematicas, como naturaleza, negocios, tecnolog\u00eda etc, <strong>y agregarlo como fondo de una pagina web con HTML y CSS.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Sin olvidarnos que como la mayor\u00eda de nuestros proyectos, podremos usar <strong>el video de fondo con HTML y CSS <\/strong>ya que<strong>\u00a0<\/strong>est\u00e1 completamente adaptado a dispositivos m\u00f3viles por lo que cualquier persona puede apreciarlo desde cualquier dispositivo.<\/p>\n<p>Puedes complementer este proyecto con: <a href=\"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web-moderna-desde-0\/\" target=\"_blank\" rel=\"noopener noreferrer\">Como crear una pagina web desde 0<\/a><\/p>\n<p>Recuerda que como la mayor\u00eda de nuestros proyectos, en la parte final del BLOG se encuentra el link para descargar los archivos base del proyecto: <strong>Como agregar un video de fondo en una pagina web con HTML y CSS <\/strong>para que lo puedas implementar ahora mismo en tu proyecto personal o lo uses para practicar.<\/p>\n<h3><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f53b.svg\" alt=\"\ud83d\udd3b\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>M\u00e1s informaci\u00f3n:<\/h3>\n<p><a href=\"http:\/\/bit.ly\/2J0ptHI\" target=\"_blank\" rel=\"noopener noreferrer\">Inv\u00edtame un caf\u00e9:<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/2615.svg\" alt=\"\u2615\ufe0f\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n<p><a href=\"http:\/\/www.mediafire.com\/file\/56ckr2rgkcanup3\/Video+AlexCG+Design.zip\" target=\"_blank\" rel=\"noopener noreferrer\">Descarga los archivos base<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f381.svg\" alt=\"\ud83c\udf81\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n<p>Por \u00faltimo no olvides suscribirte a nuestro canal de Youtube\u00a0<a href=\"https:\/\/www.youtube.com\/alexcgdesign\" target=\"_blank\" rel=\"noopener noreferrer\">AlexCG Design<\/a>\u00a0y tambi\u00e9n seguirnos en todas nuestras redes sociales,\u00a0<b>si te fue de ayuda no olvides compartir el v\u00eddeo y darle like, eso nos ayudar\u00eda much\u00edsimo a seguir dando contenido de valor.<\/b><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, hola qu\u00e9 tal,esta vez aprenderemos acerca de como agregar video como fondo de p\u00e1gina web con HTML y CSS el cual es uno de los principales recursos en un sitio web, te escribe Jordan Alexander de AlexCG Design y empezamos. Recordemos que los\u00a0videos de fondo en las paginas web con HTML son\u00a0uno de los [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":156,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,4,3],"tags":[21,22],"class_list":["post-154","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-paginas-web","category-plantillas-de-web","tag-agregar-video-de-fondo-en-html-y-css","tag-agregar-video-de-fondo-en-pagina-web"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog<\/title>\n<meta name=\"description\" content=\"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-08T13:24:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-08T13:35:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AlexCG Design\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AlexCG Design\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS\",\"datePublished\":\"2019-06-08T13:24:19+00:00\",\"dateModified\":\"2019-06-08T13:35:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/\"},\"wordCount\":409,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/7th-Architecture-Summit.png\",\"keywords\":[\"Agregar video de fondo en HTML y CSS\",\"Agregar video de fondo en pagina web\"],\"articleSection\":[\"Dise\u00f1o web\",\"Paginas web\",\"Plantillas de Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/\",\"name\":\"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/7th-Architecture-Summit.png\",\"datePublished\":\"2019-06-08T13:24:19+00:00\",\"dateModified\":\"2019-06-08T13:35:34+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"description\":\"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/7th-Architecture-Summit.png\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/06\\\/7th-Architecture-Summit.png\",\"width\":1280,\"height\":720,\"caption\":\"Como poner video de fondo en HTML5 y CSS3\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\",\"name\":\"AlexCG Design | Blog\",\"description\":\"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\",\"name\":\"AlexCG Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog","description":"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.","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:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/","og_locale":"es_ES","og_type":"article","og_title":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog","og_description":"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.","og_url":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2019-06-08T13:24:19+00:00","article_modified_time":"2019-06-08T13:35:34+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png","type":"image\/png"}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS","datePublished":"2019-06-08T13:24:19+00:00","dateModified":"2019-06-08T13:35:34+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/"},"wordCount":409,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png","keywords":["Agregar video de fondo en HTML y CSS","Agregar video de fondo en pagina web"],"articleSection":["Dise\u00f1o web","Paginas web","Plantillas de Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/","url":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/","name":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png","datePublished":"2019-06-08T13:24:19+00:00","dateModified":"2019-06-08T13:35:34+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"description":"Aprende a agregar videos de fondo en HTML y CSS, aprender\u00e1s a usar los videos de manera creativa con HTML y CSS.","breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#primaryimage","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/06\/7th-Architecture-Summit.png","width":1280,"height":720,"caption":"Como poner video de fondo en HTML5 y CSS3"},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/como-agregar-video-como-fondo-en-una-pagina-web-con-html-y-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Como agregar video como fondo en una p\u00e1gina web con HTML y CSS"}]},{"@type":"WebSite","@id":"https:\/\/alexcgdesign.com\/blog\/#website","url":"https:\/\/alexcgdesign.com\/blog\/","name":"AlexCG Design | Blog","description":"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexcgdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a","name":"AlexCG Design","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":10,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/154\/revisions"}],"predecessor-version":[{"id":167,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/154\/revisions\/167"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/156"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=154"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=154"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}