JSFiddle - React, Tailwind, and code Playground

by jmaxwell21

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/3.2.31/vue.cjs.js"></script>
<div id="demo">
  <p>Native attribute (no value, expected to be muted)</p>
  <video muted controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
  </video>
  <p>Bound attribute (boolean value set to true, expected to be muted)</p>
  <video :muted="muted" controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
  </video>
</div>

<hr/>

<p>
  Video courtesy of 
  <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</p>

Vue

new Vue({
  el: '#demo',
});