title: Add more attributes to video when I create from script
body: <p>From my JavaScript I create a new <code>video</code> tag and I add it to my page.</p>
  
  <pre><code>var video = $('&lt;video/&gt;', {
                  src: '/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc',
                  type: 'video/quicktime',
                  controls: true,
                  width: '100%'
              });
  link.html(video);
  </code></pre>
  
  <p>as result I have</p>
  
  <pre><code>&lt;video style="width: 100%;" 
         src="/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc" 
         controls="controls" 
         type="video/quicktime"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>This is working on Windows and Android but the problem is on iOS, the video doesn't play. I googled a but and the solution is to add some extra attributes like:</p>
  
  <pre><code>&lt;video controls="true" width='100%' height='100%' 
         src='/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc' type='video/mp4' 
         muted playsinline /&gt;
  </code></pre>
  
  <p>If I add in the code <code>controls: true</code> the render returns <code>controls="controls"</code>. I can't find a way to add <code>playsinline</code>.</p>
  
  <h2>Update</h2>
  
  <p>I added <code>muted</code> and <code>playsinline</code> but the result is the same. I have a blank placeholder.</p>
  
  <p><a href="https://i.stack.imgur.com/utM8f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/utM8f.png" alt="Blank placeholder"></a></p>
  
  <p>I updated the html like:</p>
  
  <pre><code>&lt;video style="width: 100%;" preload="auto" 
         controls="controls" playsinlin 
         webkit-playsinline&gt;
      &lt;source src="/Comments/DownloadAttachment/2d236789-1626-4983-b614-c5bfc676d063"
              type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>But in this case I see a white placeholder with the play button but the video is empty and I can't play it.</p>
  
  <p>How can I fix it? Is there any player that can improve the <code>video</code> tag for macOS/iOS?</p>