Добавить больше атрибутов для видео, когда я создаю из сценария

Question

Из моего JavaScript я создаю новый тег video и добавляю его на свою страницу.

var video = $('<video/>', {
                src: '/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc',
                type: 'video/quicktime',
                controls: true,
                width: '100%'
            });
link.html(video);

в результате получаю

<video style="width: 100%;" 
       src="/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc" 
       controls="controls" 
       type="video/quicktime">
</video>

Это работает в Windows иAndroid, но проблема в iOS, видео не воспроизводится. Я гуглил но, и решение состоит в том, чтобы добавить некоторые дополнительные атрибуты, такие как:

<video controls="true" width='100%' height='100%' 
       src='/DownloadAttachment/87674e75-e0e9-4048-b623-6c25e4dd30fc' type='video/mp4' 
       muted playsinline />

Если я добавлю в коде controls: true, рендер вернет controls="controls". Я не могу найти способ добавить playsinline.

Обновление

Я добавил muted и playsinline, но результат тот же. У меня есть пустой заполнитель.

Я обновил HTML как:

<video style="width: 100%;" preload="auto" 
       controls="controls" playsinlin 
       webkit-playsinline>
    <source src="/Comments/DownloadAttachment/2d236789-1626-4983-b614-c5bfc676d063"
            type="video/mp4">
</video>

Но в этом случае я вижу белыйзаполнитель с кнопкой воспроизведения, но видео пустое, и я не могу его воспроизвести.

Как это исправить? Есть ли плеер, который может улучшить тег video для macOS / iOS?