[es] - play() video metoda

real10

Član broj: 334627
Poruke: 6

+1 Profil

^{15.09.2016. u 10:46 - pre 92 meseci}

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>

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>

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>

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]}

Odgovor na temu