diff --git a/src/html.js b/src/html.js
index adb6de5..27b9fe2 100644
--- a/src/html.js
+++ b/src/html.js
@@ -79,9 +79,9 @@ const addBody = ({ url, headers, html }) => {
   if (isMime(contentType, 'image')) {
     element = `<img src="${url}"></img>`
   } else if (isMime(contentType, 'video')) {
-    element = `<video src="${url}"></video>`
+    element = `<video><source src="${url}" type="${contentType}"></source></video>`
   } else if (isMime(contentType, 'audio')) {
-    element = `<audio src="${url}"></audio>`
+    element = `<audio><source src="${url}" type="${contentType}"></source></audio>`
   } else if (mimeExtension(contentType) === 'json') {
     element = `<pre>${html}</pre>`
   }
diff --git a/test/html/snapshots/index.js.md b/test/html/snapshots/index.js.md
index ab5c75e..c1df5b5 100644
--- a/test/html/snapshots/index.js.md
+++ b/test/html/snapshots/index.js.md
@@ -89,7 +89,9 @@ Generated by [AVA](https://avajs.dev).
         <meta property="og:site_name" content="audiovideoweb.com">␊
         <link rel="canonical" href="http://websrvr90va.audiovideoweb.com/va90web25003/companions/Foundations%20of%20Rock/13.01.mp3">␊
       </head>␊
-      <body><audio src="http://websrvr90va.audiovideoweb.com/va90web25003/companions/Foundations%20of%20Rock/13.01.mp3"></audio></body>␊
+      <body><audio>␊
+          <source src="http://websrvr90va.audiovideoweb.com/va90web25003/companions/Foundations%20of%20Rock/13.01.mp3" type="audio/mp3">␊
+        </audio></body>␊
     </html>`
 
 ## add video markup
@@ -103,7 +105,9 @@ Generated by [AVA](https://avajs.dev).
         <meta property="og:site_name" content="sample-videos.com">␊
         <link rel="canonical" href="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4">␊
       </head>␊
-      <body><video src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4"></video></body>␊
+      <body><video>␊
+          <source src="https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_1mb.mp4" type="video/mp4">␊
+        </video></body>␊
     </html>`
 
 ## '`rewriteCssUrls` don't modify html markup
diff --git a/test/html/snapshots/index.js.snap b/test/html/snapshots/index.js.snap
index 84a191f..2a80441 100644
Binary files a/test/html/snapshots/index.js.snap and b/test/html/snapshots/index.js.snap differ
diff --git a/test/snapshots/index.js.md b/test/snapshots/index.js.md
index 65f4211..4937dc8 100644
--- a/test/snapshots/index.js.md
+++ b/test/snapshots/index.js.md
@@ -16,7 +16,9 @@ Generated by [AVA](https://avajs.dev).
         <meta name="date" content="{DATE}">␊
         <link rel="canonical" href="https://audiodemos.github.io/vctk_set0/embedadapt_100sample.wav">␊
       </head>␊
-      <body><audio src="https://audiodemos.github.io/vctk_set0/embedadapt_100sample.wav"></audio></body>␊
+      <body><audio>␊
+          <source src="https://audiodemos.github.io/vctk_set0/embedadapt_100sample.wav" type="audio/wav">␊
+        </audio></body>␊
     </html>`
 
 ## from image URL
@@ -45,7 +47,9 @@ Generated by [AVA](https://avajs.dev).
         <meta name="date" content="{DATE}">␊
         <link rel="canonical" href="http://techslides.com/demos/sample-videos/small.mp4">␊
       </head>␊
-      <body><video src="http://techslides.com/demos/sample-videos/small.mp4"></video></body>␊
+      <body><video>␊
+          <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">␊
+        </video></body>␊
     </html>`
 
 ## from bad SSL URL
diff --git a/test/snapshots/index.js.snap b/test/snapshots/index.js.snap
index a50a7fb..32962e0 100644
Binary files a/test/snapshots/index.js.snap and b/test/snapshots/index.js.snap differ
