Merge pull request #66 from zooniverse/html5-media

Add support for <audio> and <video>

package.json

@@ -44,11 +44,12 @@
     "react-test-renderer": "~15.6"
   },
   "dependencies": {
-    "markdown-it": "~7.0.1",
+    "markdown-it": "~8.4.1",
     "markdown-it-anchor": "~2.5.0",
     "markdown-it-container": "~2.0.0",
     "markdown-it-emoji": "~1.2.0",
     "markdown-it-footnote": "~3.0.1",
+    "markdown-it-html5-embed": "~1.0.0",
     "markdown-it-imsize": "~2.0.1",
     "markdown-it-sub": "~1.0.0",
     "markdown-it-sup": "~1.0.0",

src/components/markdown.jsx

@@ -10,6 +10,8 @@ import markdownVideo from 'markdown-it-video';
 import markdownTableOfContents from 'markdown-it-table-of-contents';
 import markdownAnchor from 'markdown-it-anchor';
 import twemoji from 'twemoji';
+import html5Embed from 'markdown-it-html5-embed';
+
 
 import replaceSymbols from '../lib/default-transformer';
 import relNofollow from '../lib/links-rel-nofollow';
@@ -27,7 +29,8 @@ function markdownIt() {
     .use(markdownAnchor)
     .use(markdownTableOfContents)
     .use(MarkdownItContainer, 'partners')
-    .use(MarkdownItContainer, 'attribution');
+    .use(MarkdownItContainer, 'attribution')
+    .use(html5Embed, {});
 }
 
 export default class Markdown extends React.Component {