html5视频标签以编程方式设置src

时间:2016-06-27 11:38:31

标签: jquery asp.net html5 video

我需要使用视频元素为此iam运行视频文件。   我现在看到的异常是,如果我以编程方式设置src,那么该文件不会播放。   如果iam直接在src中给出相同的路径,那么视频正在播放。

视频位于解决方案的视频文件夹中,因此我认为没有任何访问问题。

下面的代码直接为视频分配src - 播放文件。

  function ShowModalPopup() {
    //$find("mpe").show();
    //return false;
    var param1 = new Date();
    var month = param1.getMonth() + 1;
    var day = param1.getDate();
    var param2 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + param1.getFullYear() + ' ' + param1.getHours() + ':' + param1.getMinutes() + ':' + param1.getSeconds();
    $("#<%= hdnStartDateTime.ClientID %>").val(param2);
    var url = $get("<%=lnkVideoLink.ClientID %>").value;
    alert(url);
    //$get("video").src = url;
    $('[id*="MyVdo"]').attr('src', '../../MS_RIT_Training_Videos/REITIworkatTest.mp4');//type='video/mp4'
    //$('[id*="MyVdo"]')[0].play();
    $find("mpe").show();
    return false;
}

下面代码以编程方式分配src - 不播放视频

function ShowModalPopup() {
    //$find("mpe").show();
    //return false;
    var param1 = new Date();
    var month = param1.getMonth() + 1;
    var day = param1.getDate();
    var param2 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + param1.getFullYear() + ' ' + param1.getHours() + ':' + param1.getMinutes() + ':' + param1.getSeconds();
    $("#<%= hdnStartDateTime.ClientID %>").val(param2);
    var url = $get("<%=lnkVideoLink.ClientID %>").value;
    alert(url);
    //$get("video").src = url;
    // $('[id*="MyVdo"]').attr('src', '../../MS_RIT_Training_Videos/REITIworkatTest.mp4');//type='video/mp4'
    $('[id*="MyVdo"]').attr('src', url);//type='video/mp4'
    //$('[id*="MyVdo"]')[0].play();
    $find("mpe").show();
    return false;
}

肯尼斯:

enter image description here

提醒:

enter image description here

1 个答案:

答案 0 :(得分:1)

您确定网址是否相同(硬编码和您从该元素获得的网址)?

您也可以尝试在设置后以编程方式加载视频

$('[id*="MyVdo"]')[0].load();