使用Javascript设置视频源不起作用

Question

此代码似乎在iPhone上运行良好，但在桌面或Android手机上无效。奇怪的是，当我检查Inspect Element控制台中的代码时，视频的来源显示正确，但根本不显示。没有控制台错误。我也尝试在元素上设置src =“”。

HTML：

<video playsinline autoplay muted loop preload="auto" id="bgvid">
<source type="video/mp4">
</video>

JS：

if($(window).width() < 768){
     $(function() {
         $("#bgvid > source").attr("src", "resources/css/img/backvidMob3.mp4");
     });
 }
 else{
     $(function() {
         $("#bgvid > source").attr("src", "resources/css/img/backvidDesk.mp4");
     });
 }