Я использую тег html5 video и тег div для скрытия и отображения элементов, чтобы два отдельных видеофайла воспроизводились вместе, как если бы они были объединены.Единственное, я не знаю, как расположить два видеоэлемента в одном месте.На самом деле, я не знаю, как расположить элементы где-либо, кроме расположения по умолчанию, в котором они заканчиваются, исходя из приоритета.По сути, я скрываю и показываю элементы, чтобы этот процесс работал.Любые советы о том, как заставить позиционирование работать?
function play(first, second){
var video1 = document.getElementById("video1")
var v1Hide = document.getElementById("v1")
var video2 = document.getElementById("video2")
var v2Hide = document.getElementById("v2")
video1.setAttribute("src", first)
video2.setAttribute("src", second)
video1.load()
video2.load()
video1.play() //starts playing this one Visibly while 2nd is loaded but hidden
setTimeout(function(){
v1.style.visibility = 'hidden'
v2.style.visibility = 'visible'
video2.play()
video1.pause()
}, 2000)
}
Любые советы?