Я хочу переключить разрешение видео js из выпадающего списка.
<select name="sel" id="sel"><option value="SD">SD</option><option value="HD">HD</option></select><button onclick=reso()>Change Resolution</button>
Я использовал следующее js script
, как показано ниже:
<script src="https://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="https://vjs.zencdn.net/7.5.5/video.js"></script>
<script src='caption.js'></script>
<script src="https://rawgit.com/mkhazov/videojs-resolution-switcher/master/lib/videojs-resolution-switcher.js"></script>
Это мой видеопроигрыватель HTML
код:
<video id="testVideo" controls autoplay preload="none" class="video-js vjs-big-play-centered"
data-setup='{
"fluid": true
}'>
<source src="http://dev3.indusnettechnologies.com/bamboo-tv/in_private/In_Private.mp4" type="video/mp4" />
</video>
Код js
, который я использовал для метода изменения разрешения:
var video = videojs('testVideo');
function reso() {
var selected = $("#sel").val();
videojs('testVideo', {
controls: true,
selected: selected,
plugins: {
videoJsResolutionSwitcher: {
default: 'low', // Default resolution [{Number}, 'low', 'high'],
dynamicLabel: true
}
}
}, function(){
var player = this;
var ct = player.currentTime();
localStorage.setItem("mytime", ct);
window.player = player;
player.updateSrc([
{
src: 'http://dev3.indusnettechnologies.com/bamboo-tv/in_private/In_Private.mp4?' + selected,
type: 'video/mp4',
label: 'SD',
res: 360
},
{
src: 'http://dev3.indusnettechnologies.com/bamboo-tv/in_private/In_Private.mp4?' + selected,
type: 'video/mp4',
label: 'HD',
res: 720
}
]);
});
}
Когда я выбираю опцию из выпадающего меню и нажимаю кнопку подтверждения, она показывает Ошибка в консоли браузера:
ВИДЕО JS: ПРЕДУПРЕЖДЕНИЕ: проигрыватель "testVideo" уже инициализирован. Опции не будут применены. player.updateSr c не является функцией