Using javascript for video source into HTML5 video player

Question

When I open the page in a browser, on occasions the video does not load and also if I refresh the page the video never loads, how can I fix these 2 issues?

This is the html for my video player

<video width="320" height="240" controls>
                <source id="audioFile" src="" type="video/mp4">
                Your brow

This is the javascript code which gets the name of the video file from the URL

function getUrlParameters(parameter, staticURL, decode){
            var currLocation = (staticURL.length)? staticURL : window.location.search,
            parArr = currLocation.split("?")[1].split("&"),
            returnBool = true;
            for(var i = 0; i < parArr.length; i++){
                parr = parArr[i].split("=");
                if(parr[0] == parameter){
                    return (decode) ? decodeURIComponent(parr[1]) : parr[1];
                    returnBool = true;
                }else{
                    returnBool = false;
                }
            }
            if(!returnBool) return false;
        }
        var parameter = getUrlParameters("audioFile", "", true);
        document.getElementById('audioFile').src = parameter;
        document.getElementById('url').content = parameter;

No I'm asking how to fix the issues of the video not loading sometimes and when I refresh the page. — Sami
– Sami, Commented Jun 29, 2014 at 18:04
After you set the src, try running document.getElementById('video').load() — brianchirls
– brianchirls, Commented Jun 29, 2014 at 19:13

Community · Accepted Answer · 2020-06-20 09:12:55Z

1

Dynamically modifying a source element and its attribute when the element is already inserted in a video or audio element will have no effect. To change what is playing, just use the src attribute on the media element directly <...>

The source element

Either change the src attribute of the video element (this will call the load() method implicitly):

var parameter = getUrlParameters("audioFile", "", true);
document.querySelector('video').src = parameter;

or call the load() method explicitly:

var parameter = getUrlParameters("audioFile", "", true);
document.getElementById('audioFile').src = parameter;
document.querySelector('video').load();

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 29, 2014 at 19:19

Igor Gilyazov

7871 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using javascript for video source into HTML5 video player

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related