{"id":831,"date":"2014-07-10T09:06:36","date_gmt":"2014-07-10T09:06:36","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=831"},"modified":"2014-07-10T09:07:18","modified_gmt":"2014-07-10T09:07:18","slug":"831","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/831\/","title":{"rendered":"Menambahkan Video Pada Website"},"content":{"rendered":"<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-medium wp-image-732 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png\" alt=\"html\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-150x150.png 150w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Di artikel saya yang sebelumnya saya sudah membahas bagaimana memasukkan audio kedalam website kita. Kali ini kita akan belajar bagaimana cara memasukkan video kedalam website yang kita buat.kita. Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan video pada website kita. Elemen video digunakan untuk tujuan ini, dan sama seperti elemen img dan audio, kita harus memberikan nilai tempat menyimpan file audio melalui atribut src.<!--more--><\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;video controls&gt;\r\n  &lt;source src=&quot;skk.mp4&quot; type=&quot;video\/mp4&quot;&gt;\r\n  Your browser does not support the video tag.\r\n&lt;\/video&gt;\r\n<\/pre>\n<p>Kita juga bisa menambahkan atribut autoplay agar video-nya bisa langsung berjalan otomatis saat website anda dibuka. Berikut contoh codingnya:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;video controls autoplay&gt;\r\n  &lt;source src=&quot;skk.mp4&quot; type=&quot;video\/mp4&quot;&gt;\r\n  Your browser does not support the video tag.\r\n&lt;\/video&gt;\r\n<\/pre>\n<p>Selain itu kita bisa mengatur lebar dan tinggi video. Berikut contoh codingnya:<\/p>\n<pre class=\"brush: xml; title: ; notranslate\" title=\"\">\r\n&lt;video controls width=&quot;300px&quot; height=&quot;200px&quot;&gt;\r\n  &lt;source src=&quot;skk.mp4&quot; type=&quot;video\/mp4&quot;&gt;\r\n  Your browser does not support the video tag.\r\n&lt;\/video&gt;\r\n<\/pre>\n<p>Perlu diketahui bahwa hanya beberapa format file video saja yang bisa kita gunakan. Diantaranya MP4, WebM dan Ogg.<br \/>\nSemoga bermanfaat dan selamat mencoba. \ud83d\ude00<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Di artikel saya yang sebelumnya saya sudah membahas bagaimana memasukkan audio kedalam website kita. Kali ini kita akan belajar bagaimana cara memasukkan video kedalam<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[149,87,150],"class_list":["post-831","post","type-post","status-publish","format-standard","hentry","category-belajar-web-design","tag-video-html","tag-video-tutorial-2","tag-video-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Menambahkan Video Pada Website - WebHozz Blog<\/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:\/\/www.webhozz.com\/blog\/831\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Menambahkan Video Pada Website - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"&nbsp; Di artikel saya yang sebelumnya saya sudah membahas bagaimana memasukkan audio kedalam website kita. Kali ini kita akan belajar bagaimana cara memasukkan video kedalam\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/831\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-10T09:06:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-07-10T09:07:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Menambahkan Video Pada Website\",\"datePublished\":\"2014-07-10T09:06:36+00:00\",\"dateModified\":\"2014-07-10T09:07:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/\"},\"wordCount\":234,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/html-300x300.png\",\"keywords\":[\"video html\",\"video tutorial\",\"video website\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/\",\"name\":\"Menambahkan Video Pada Website - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/html-300x300.png\",\"datePublished\":\"2014-07-10T09:06:36+00:00\",\"dateModified\":\"2014-07-10T09:07:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/html-300x300.png\",\"contentUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2014\\\/06\\\/html-300x300.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/831\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Menambahkan Video Pada Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Menambahkan Video Pada Website - WebHozz Blog","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:\/\/www.webhozz.com\/blog\/831\/","og_locale":"en_US","og_type":"article","og_title":"Menambahkan Video Pada Website - WebHozz Blog","og_description":"&nbsp; Di artikel saya yang sebelumnya saya sudah membahas bagaimana memasukkan audio kedalam website kita. Kali ini kita akan belajar bagaimana cara memasukkan video kedalam","og_url":"https:\/\/www.webhozz.com\/blog\/831\/","og_site_name":"WebHozz Blog","article_published_time":"2014-07-10T09:06:36+00:00","article_modified_time":"2014-07-10T09:07:18+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/831\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/"},"author":{"name":"","@id":""},"headline":"Menambahkan Video Pada Website","datePublished":"2014-07-10T09:06:36+00:00","dateModified":"2014-07-10T09:07:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/"},"wordCount":234,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png","keywords":["video html","video tutorial","video website"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/831\/","url":"https:\/\/www.webhozz.com\/blog\/831\/","name":"Menambahkan Video Pada Website - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png","datePublished":"2014-07-10T09:06:36+00:00","dateModified":"2014-07-10T09:07:18+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/831\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/831\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/831\/#primaryimage","url":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png","contentUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2014\/06\/html-300x300.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/831\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Menambahkan Video Pada Website"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"","url":"https:\/\/www.webhozz.com\/blog\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=831"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/831\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/831\/revisions\/833"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}