Extract controls to the settings so that they also can be disabled

src/components/AudioViewer.js

@@ -12,7 +12,7 @@ export class AudioViewer extends Component {
 
     return (
       <div className={classes.container}>
-        <audio controls className={classes.audio} {...audioOptions}>
+        <audio className={classes.audio} {...audioOptions}>
           {audioResources.map(audio => (
             <Fragment key={audio.id}>
               <source src={audio.id} type={audio.getFormat()} />

src/components/VideoViewer.js

@@ -11,7 +11,7 @@ export class VideoViewer extends Component {
     } = this.props;
     return (
       <div className={classes.container}>
-        <video controls className={classes.video} {...videoOptions}>
+        <video className={classes.video} {...videoOptions}>
           {videoResources.map(video => (
             <Fragment key={video.id}>
               <source src={video.id} type={video.getFormat()} />

src/config/settings.js

@@ -343,9 +343,11 @@ export default {
     workspace: true,
   },
   audioOptions: { // Additional props passed to <audio> element
+    controls: true,
     crossOrigin: 'anonymous',
   },
   videoOptions: { // Additional props passed to <audio> element
+    controls: true,
     crossOrigin: 'anonymous',
   },
   auth: {