{"id":968,"date":"2026-04-13T05:56:48","date_gmt":"2026-04-12T22:56:48","guid":{"rendered":"http:\/\/www.tneutron.net\/mikro\/?p=968"},"modified":"2026-04-10T10:17:29","modified_gmt":"2026-04-10T03:17:29","slug":"format-display-video-and-animation-web","status":"publish","type":"post","link":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/","title":{"rendered":"Format Display Video and Animation Web"},"content":{"rendered":"<p><span class=\"notranslate\">To view a video on a web page can be handled directly by HTML5.<\/span> <span class=\"notranslate\"> The tags are used to display the video is the &lt;video&gt; &lt;\/ video&gt;.<\/span> <span class=\"notranslate\"> However, not all video formats can be displayed on the web.<\/span> <span class=\"notranslate\"> Meanwhile, just a few video formats can be processed, among them is WebM, OGG, MP4.<\/span> <span class=\"notranslate\"> Here&#8217;s a list to kompabilitasan of each browser to the video file.<\/span><br \/>\n<a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image34.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png\" alt=\"image\" width=\"444\" height=\"216\" border=\"0\"\/><\/a><\/p>\n<p><span class=\"notranslate\"> From the table above it can be seen that when the time to put the mp4 file on the web that we have made, there will be some people who can not play the result embed mp4 in web yan we have made it.<\/span> <span class=\"notranslate\"> It may be caused by the browser used does not support the mp4 file extension.<\/span> <span class=\"notranslate\"> If you want to display video on a web page while the video file that you have formatted as * .avi, then the * .avi video format must first be converted to a format supported by HTML5 using the free program or through a web site.<\/span><\/p>\n<p><span class=\"notranslate\"> Examples of programs that can convert video formats are:<\/span><br \/>\n<span class=\"notranslate\"> \uf0a7 Miro Video Converter can be downloaded for free or through services www.microvideoconverter.com.<\/span><br \/>\n<span class=\"notranslate\"> \uf0a7 FormatFactory \uf0e0 be downloaded for free in <a href=\"https:\/\/translate.googleusercontent.com\/translate_c?depth=1&amp;hl=en&amp;rurl=translate.google.com&amp;sl=id&amp;tl=en&amp;u=http:\/\/format-factory.en.softonic.com\/&amp;usg=ALkJrhigaQsEIWKG-8akQu3fubOpepxtiw\">http:\/\/format-factory.en.softonic.com<\/a><\/span><br \/>\n<span class=\"notranslate\"> \uf0a7 <a href=\"https:\/\/translate.googleusercontent.com\/translate_c?depth=1&amp;hl=en&amp;rurl=translate.google.com&amp;sl=id&amp;tl=en&amp;u=http:\/\/video.online-convert.com\/&amp;usg=ALkJrhhz-kx6bIWzW9Os65rcdBD_p_kLMQ\">http:\/\/video.online-convert.com<\/a> \u00e0 online conversion service<\/span><\/p>\n<p><span class=\"notranslate\"> <strong>MIME to the format Video<\/strong><\/span> <strong><br \/>\n<\/strong> <span class=\"notranslate\"> MIME (Multipurpose Internet Mail Extension) is used for a mechanism to transmit a variety of information such as text, applications, images, sound, video, and so forth so that the browser is not wrong to translate the received content.<\/span> <span class=\"notranslate\"> Not only on the web, also using MIME email.<\/span> <span class=\"notranslate\"> Here is the mime type of video format.<\/span><br \/>\n<a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image36.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb34.png\" alt=\"image\" width=\"221\" height=\"87\" border=\"0\"\/><\/a><\/p>\n<p><span class=\"notranslate\"> <strong>Presenting the video files on the web interface<\/strong><\/span><br \/>\n<span class=\"notranslate\"> Such as mp4 video files can be played on a web page via the &lt;video&gt; &lt;\/ video&gt;.<\/span> <span class=\"notranslate\"> When trying to run a video on a web page, the video files are placed in the same folder with the * .htm file and the name of its audio file adapted to the audio file that you gunakan.Berikut is complete format to play video in a web application<\/span><br \/>\n<a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image37.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb36.png\" alt=\"image\" width=\"443\" height=\"171\" border=\"0\"\/><\/a><\/p>\n<p><a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image39.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb39.png\" alt=\"image\" width=\"442\" height=\"147\" border=\"0\"\/><\/a><\/p>\n<p><span class=\"notranslate\"> Height and Width attributes in the &lt;video&gt; is used to determine the height and width of the video appearance.<\/span> <span class=\"notranslate\"> Src attribute determines the video file.<\/span> <span class=\"notranslate\"> When listing the above program is run will produce a video display in the browser chrome.<\/span> <span class=\"notranslate\"> Press the play button to start running the video<\/span><br \/>\n<a href=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image41.png\"><img loading=\"lazy\" decoding=\"async\" title=\"image\" src=\"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb41.png\" alt=\"image\" width=\"433\" height=\"323\" border=\"0\"\/><\/a><br \/>\n<span class=\"notranslate\"> 13.1 video images on the display using the web browser chrome<\/span><\/p>\n<p><span class=\"notranslate\"> When the run will produce a video display in the browser Mozilla Firefox, the video does not appear this is because the Mozilla Firefox browser does not support the file format * .mp4.<\/span><\/p>\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Fungsi dan Jenis Presentasi Video\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/b1tHmEDEtrI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To view a video on a web page can be handled directly by HTML5. The tags are used to display<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[1238],"tags":[1146,1153,1154,1151,1152,1149,1156,1147,1155,1148,1150],"class_list":["post-968","post","type-post","status-publish","format-standard","hentry","category-english","tag-animation-web","tag-animation-web-app","tag-animation-web-design-examples","tag-animation-web-series","tag-animation-webkit","tag-animation-website-no-download","tag-animation-website-templates","tag-animation-websites","tag-animation-websites-for-schools","tag-animation-websites-free","tag-animation-websites-online"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Format Display Video and Animation Web - TN Mikro<\/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.tneutron.net\/mikro\/format-display-video-and-animation-web\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Format Display Video and Animation Web - TN Mikro\" \/>\n<meta name=\"twitter:description\" content=\"To view a video on a web page can be handled directly by HTML5. The tags are used to display\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png\" \/>\n<meta name=\"twitter:creator\" content=\"@t_neutron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Taufiqullah\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/\"},\"author\":{\"name\":\"Taufiqullah\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"headline\":\"Format Display Video and Animation Web\",\"datePublished\":\"2026-04-12T22:56:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/\"},\"wordCount\":455,\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb32.png\",\"keywords\":[\"Animation Web\",\"animation web app\",\"animation web design examples\",\"animation web series\",\"animation webkit\",\"animation website no download\",\"animation website templates\",\"animation websites\",\"animation websites for schools\",\"animation websites free\",\"animation websites online\"],\"articleSection\":[\"English\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/\",\"name\":\"Format Display Video and Animation Web - TN Mikro\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb32.png\",\"datePublished\":\"2026-04-12T22:56:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb32.png\",\"contentUrl\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2015\\\/10\\\/image_thumb32.png\",\"width\":444,\"height\":216},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/format-display-video-and-animation-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Format Display Video and Animation Web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#website\",\"url\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/\",\"name\":\"TN Mikro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tneutron.net\\\/mikro\\\/#\\\/schema\\\/person\\\/b57f791b694136047454bb6ac5cbe375\",\"name\":\"Taufiqullah\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g\",\"caption\":\"Taufiqullah\"},\"description\":\"Taufiqullah\",\"sameAs\":[\"http:\\\/\\\/www.tneutron.net\",\"https:\\\/\\\/x.com\\\/t_neutron\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Format Display Video and Animation Web - TN Mikro","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.tneutron.net\/mikro\/format-display-video-and-animation-web\/","twitter_card":"summary_large_image","twitter_title":"Format Display Video and Animation Web - TN Mikro","twitter_description":"To view a video on a web page can be handled directly by HTML5. The tags are used to display","twitter_image":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png","twitter_creator":"@t_neutron","twitter_misc":{"Written by":"Taufiqullah","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#article","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/"},"author":{"name":"Taufiqullah","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"headline":"Format Display Video and Animation Web","datePublished":"2026-04-12T22:56:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/"},"wordCount":455,"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png","keywords":["Animation Web","animation web app","animation web design examples","animation web series","animation webkit","animation website no download","animation website templates","animation websites","animation websites for schools","animation websites free","animation websites online"],"articleSection":["English"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/","url":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/","name":"Format Display Video and Animation Web - TN Mikro","isPartOf":{"@id":"https:\/\/www.tneutron.net\/mikro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#primaryimage"},"image":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#primaryimage"},"thumbnailUrl":"http:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png","datePublished":"2026-04-12T22:56:48+00:00","author":{"@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375"},"breadcrumb":{"@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#primaryimage","url":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png","contentUrl":"https:\/\/www.tneutron.net\/mikro\/wp-content\/uploads\/sites\/5\/2015\/10\/image_thumb32.png","width":444,"height":216},{"@type":"BreadcrumbList","@id":"https:\/\/www.tneutron.net\/mikro\/format-display-video-and-animation-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.tneutron.net\/mikro\/"},{"@type":"ListItem","position":2,"name":"Format Display Video and Animation Web"}]},{"@type":"WebSite","@id":"https:\/\/www.tneutron.net\/mikro\/#website","url":"https:\/\/www.tneutron.net\/mikro\/","name":"TN Mikro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.tneutron.net\/mikro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.tneutron.net\/mikro\/#\/schema\/person\/b57f791b694136047454bb6ac5cbe375","name":"Taufiqullah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/dcdf36434717ce57bea7f17eb3c140a2ff8def45941b720aa8fc1cccd6cdd505?s=96&d=mm&r=g","caption":"Taufiqullah"},"description":"Taufiqullah","sameAs":["http:\/\/www.tneutron.net","https:\/\/x.com\/t_neutron"]}]}},"_links":{"self":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/comments?post=968"}],"version-history":[{"count":1,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/968\/revisions"}],"predecessor-version":[{"id":2956,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/posts\/968\/revisions\/2956"}],"wp:attachment":[{"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/media?parent=968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/categories?post=968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tneutron.net\/mikro\/wp-json\/wp\/v2\/tags?post=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}