В настоящее время я создаю аудио-элемент с JS следующим образом:

var newAE = document.createElement('audio');
    newAE.id = "ios-audio";
    newAE.src = obj.media;
document.getElementById('ios').appendChild(newAE);

Это здорово, но мне также необходимо программно установить type на основе содержимого входящего значения obj.media.

type="audio/mpeg"
type="audio/ogg"

Я думал, что это сработает:

var enctype = 'audio/mpeg';

if (obj.media == "https://example.com/myaudiofile.ogg") {
  enctype = 'audio/ogg';
}

var newAE = document.createElement('audio');
  newAE.id = "ios-audio";
  newAE.src = obj.media;
  newAE.type = enctype;
document.getElementById('ios').appendChild(newAE);

Но он не создает параметр type вообще. Я все еще получаю это в DOM:

<audio id="ios-audio" src="https://example.com/myaudiofile.mp3"></audio>

Когда желаемым результатом в этом случае будет:

<audio id="ios-audio" src="https://example.com/myaudiofile.mp3" type="audio/mpeg"></audio>

Думаю, я делаю это неправильно, так может кто-нибудь указать мне в правильном направлении, пожалуйста?

Пример ниже (без переключателя mp3/ogg, поскольку это не имеет значения)

function create(media) {

  var enctype = "audio/mpeg";
  
  var newAE = document.createElement('audio');
      newAE.id = "ios-audio";
      newAE.src = media;
      newAE.type = enctype;
  document.getElementById('ios').appendChild(newAE);

  var player = document.getElementById('ios-audio');
  setTimeout(function() {
    player.play();
    console.log("playing");
    console.log(player);
  }, 50);
}

create('https://ia800508.us.archive.org/15/items/LoveThemeFromTheGodfather/02LoveThemeFromTheGodfather.mp3');

<div id="ios"></div>