Code:
<video class="videoFull" >
<source src="Video/Emina.mp4" type="video/mp4" id="fullVideoSource" />
</video>
<span class="fa fa-play" id="playBtn" style="font-size:50px;padding:20px;background-color:rgba(0,0,0,0.3);display:inline-block;border- radius:20%;position:absolute;bottom:180px;left:30%;cursor:pointer;">
</span>
<video class="videoFull" >
<source src="Video/Emina.mp4" type="video/mp4" id="fullVideoSource" />
</video>
<span class="fa fa-play" id="playBtn" style="font-size:50px;padding:20px;background-color:rgba(0,0,0,0.3);display:inline-block;border- radius:20%;position:absolute;bottom:180px;left:30%;cursor:pointer;">
</span>
Hocu da izmenim src i da mi se uz pomoc onclick metode pusti drugi video. Skripta je mnogo komplikovanija,ali sam izvukao ovaj kratki deo koji mi pravi problem.
Code:
<script>
document.getElementById("playBtn").onclick = playVideo;
function playVideo() {
document.getElementById("fullVideoSource").src= "Video/Emina2.mp4";
// probao sam i document.getElementById("fullVideoSource").setAttribute= ("src","Video/Emina2.mp4");
document.getElementsByClassName("videoFull")[0].play();
}
</script>
<script>
document.getElementById("playBtn").onclick = playVideo;
function playVideo() {
document.getElementById("fullVideoSource").src= "Video/Emina2.mp4";
// probao sam i document.getElementById("fullVideoSource").setAttribute= ("src","Video/Emina2.mp4");
document.getElementsByClassName("videoFull")[0].play();
}
</script>
Zasto metoda play() ne pusti drugi video kada se vrednost src atributa izmeni pre poziva metode play() ? U cemu je problem ?
Kada sam izbacio <source> tag iz HTML koda i kreirao ga uz pomoc JS na sledeci nacin onda f-ja radi
Code:
<script>
document.getElementById("playBtn").onclick = playVideo;
function playVideo() {
var x = document.createElement("source");
document.getElementsByClassName("videoFull")[0].appendChild(x);
var y = document.createAttribute("src");
y.value = "Video/Emina2.mp4";
x.setAttributeNode(y);
var t = document.createAttribute("type");
t.value = "video/mp4";
x.setAttributeNode(t);
var c = document.createAttribute("class");
c.value = "fullVideoSource";
x.setAttributeNode(c);
//kada redove koda iznad,koda za kreiranje <source> taga izbacim van funkcije onda opet izmena atributa ne funkcionise
document.getElementsByClassName("fullVideoSource")[0].src = "Video/Emina.mp4";
document.getElementsByClassName("videoFull")[0].play();
}
</script>
<script>
document.getElementById("playBtn").onclick = playVideo;
function playVideo() {
var x = document.createElement("source");
document.getElementsByClassName("videoFull")[0].appendChild(x);
var y = document.createAttribute("src");
y.value = "Video/Emina2.mp4";
x.setAttributeNode(y);
var t = document.createAttribute("type");
t.value = "video/mp4";
x.setAttributeNode(t);
var c = document.createAttribute("class");
c.value = "fullVideoSource";
x.setAttributeNode(c);
//kada redove koda iznad,koda za kreiranje <source> taga izbacim van funkcije onda opet izmena atributa ne funkcionise
document.getElementsByClassName("fullVideoSource")[0].src = "Video/Emina.mp4";
document.getElementsByClassName("videoFull")[0].play();
}
</script>
Da li postoji neka druga metoda umesto play koja bi se odnosila na <source> element umesto metode play() koja je primenjiva na <audio> i <video> elementima
RESIO PROBLEM
neophodno je dodati load() metodu koja ce ucitati nove src vrednosti
[Ovu poruku je menjao real10 dana 15.09.2016. u 15:47 GMT+1]