Как добавить в video.js субтитры и аудио дорожки?

Question

[zeni1agent]

Я хочу вставить отдельные аудио и текстовые дорожки что бы пользователи могли спокойна между ними переключатся
Я уже пытался вставить субтитры

<video
	  id="player" class="video-js vjs-default-skin vjs-big-play-centered"
	  controls
	  preload="auto"
	  width="640"
	  height="264"
	  data-setup='{}'>
	  <source src="https://a61.stormo.tv/remote_control.php?file=B64YTo0OntzOjQ6InRpbWUiO2k6MTU1Mzk3ODMzNTtzOjU6ImxpbWl0IjtpOjA7czo0OiJmaWxlIjtzOjMyOiIvdmlkZW9zLzM5NzAwMC8zOTc1MDMvMzk3NTAzLm1wNCI7czoyOiJjdiI7czozMjoiM2RmNjE3NGI0OTVhNGQ2NTEwNWFhMDE2YzI5YTBiYjEiO30%3D" type="video/mp4"> 
		<track label="rus" kind="subtitles" srclang="ru" src="sub-ru.vtt"/>
		<track label="eng" kind="subtitles" srclang="en" src="sub-en.vtt"/>
  </video>

Но субтитры работали только в фаерфоксе.

Я также пытался вести аудио но оно не работает

<video
	id="player" class="video-js vjs-default-skin vjs-big-play-centered"
	controls
	preload="auto"
	width="640"
	height="264"
	data-setup='{}'>
	<source src="https://a61.stormo.tv/remote_control.php?file=B64YTo0OntzOjQ6InRpbWUiO2k6MTU1Mzk3ODMzNTtzOjU6ImxpbWl0IjtpOjA7czo0OiJmaWxlIjtzOjMyOiIvdmlkZW9zLzM5NzAwMC8zOTc1MDMvMzk3NTAzLm1wNCI7czoyOiJjdiI7czozMjoiM2RmNjE3NGI0OTVhNGQ2NTEwNWFhMDE2YzI5YTBiYjEiO30%3D" type='video/mp4'>
	<source id="my-spanish-audio-track" src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
	</video>

$('document').ready(function(){  
	 var player = videojs('player');
	var track = new videojs.AudioTrack({
	  id: 'my-spanish-audio-track',
	  kind: 'translation',
	  label: 'Spanish',
	  language: 'es'
	});
	player.audioTracks().addTrack(track);		
	});

Можно ли как то вставить аудио и текстовые дорожки что бы они работали во всех браузерах.