Javascript 根据屏幕分辨率加载不同的视频（html5）质量

我试图根据用户的屏幕高度分辨率显示不同的视频分辨率，我有这段代码，但我不是javascript专家。如果res小于等于360px height，则应该更改src属性，以此类推。 有什么建议吗

var v=新数组（）；
v[0]=[”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-360_x264.mp4"];
v[1]=[”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-480_x264.mp4"];
v[2]=[”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-720_x264.mp4"];
v[3]=[”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-1080_x264.mp4"];
函数更改vid（n）{
var video=document.getElementById（'video'）；
如果（screen.height我不知道“text/rocketscript”（与Wordpress和/或CloudFlare有关），但是这个Javascript可以工作：

<script type="text/javascript">
var v = new Array();
v[0] = "https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-360_x264.mp4";
v[1] = "https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-480_x264.mp4";
v[2] = "https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-720_x264.mp4";
v[3] = "https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-1080_x264.mp4";

function changeVid() {
    var video = document.getElementById('video');
    if (screen.height <= 360) video.setAttribute("src", v[0]);
    else if (screen.height <= 480) video.setAttribute("src", v[1]);
    else if (screen.height <= 768) video.setAttribute("src", v[2]);
    else video.setAttribute("src", v[3]);

    video.load();
}

changeVid();
</script>


var v=新数组（）；
v[0]=”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-360_x264.mp4";
v[1]=”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-480_x264.mp4";
v[2]=”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-720_x264.mp4";
v[3]=”https://dl.dropboxusercontent.com/u/51626189/nli-vids/intro/intro-1080_x264.mp4";
函数changeVid（）{
var video=document.getElementById（'video'）；
如果（screen.height你应该问一个更具体的问题或描述一个更具体的问题。代码是否有效？运行时是否发生意外情况？你在寻找什么样的建议？好吧，代码不起作用，应该更改src属性，如果res小于等于360px height，等等因此，你应该更新你的问题以包含这些信息。你可能不想假设任何人都需要时间来运行代码来找出它失败的地方。太好了，很乐意帮忙。如果它正在为你工作，请考虑接受我的回答，谢谢。