基于下拉列表更改视频在Jquery

我试图用jQuery改变下拉列表中的视频src。基于下拉列表更改视频在Jquery

这里是我的jQuery的脚本代码，

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#videoSelect").change(function() { 
       var videoValue = $(this).val(); 

       if(videoValue==1){ 
        console.log("Inside"+videoValue); 
        $("#video2").attr('src','video/1.mp4'); 
       } 
       else if(videoValue==2){ 
        console.log("Inside"+videoValue); 
        $("#video2").attr('src','video/2.mp4'); 
       } 
       else{ 
        console.log("Inside"+videoValue); 
        $("#video2").attr('src','video/3.mp4'); 
       } 

      }); 
      }); 
</script>

这里是我的HTML代码：

<tr> 
    <td> 
     <select id="videoSelect"> 
      <option value="1">Higher Education in India </option> 
      <option value="2">Sardar Vallabh Bhai Patel</option> 
      <option value="3">Maulana Abul Kalam Azad</option> 
     </select> 
    </td> 
</tr> 
<tr> 
    <td> 
     <video width="100%" height="202px" controls=""> 
      <source id="video2" src="video/Education In India.mp4" type="video/mp4">      
      <object width="260" height="150" type="application/x-mplayer2"> 
       <param name="fileName" value="video/movie.swf"> 
       <param name="autostart" value="0"> 
      </object> 
     </video> 
    </td> 
</tr>

什么是看到的是代码正常工作以及在下拉列表中视频的选择“ src“属性值的变化（因为我使用Inspect Element进行分析），但视频本身不会改变，而是播放初始视频。

请帮我解决这个问题。

谢谢。

来源

2014-11-06 Suvojit

尝试使用'.prop（）'而不是'.attr（）' – Satpal 2014-11-06 07:07:15

您已经尝试使用.prop（）但没有运气。 – Suvojit 2014-11-06 07:30:26

检查你的路径。原始src是“video/Education In India.mp4”，但在jquery中，您的视频路径1是“video/1.mp4” – Billy 2014-11-06 07:48:23

将id =“video2”放在视频标签上而不是源标签上，然后运行。

来源

2014-11-06 08:00:06 Billy

谢谢比利。这工作。 – Suvojit 2014-11-06 08:35:20

基于下拉列表更改视频在Jquery

回答

相关问题