1

我已经尝试使用以下因素为我的 html5 视频播放器设置src属性，

 $("#vid").attr("src","video.mp4");

  $("#vid").setAttribute("src","video.mp4");

  $("#vid").prop("src","video.mp4");

我在许多attr()无法在 ie 浏览器中运行的论坛中进行了搜索，他们提供了替代解决方案

使用val()函数来设置特定标签的值。

用于$("#div").id = "value"一些属性like id，class还有一些events like click。

但我找不到改变src特定videoor的解决方案image。请帮我解决这个问题

4

2 回答 2

1

如果要使用原生 DOM 属性，则需要获取 DOM 元素（不是 jQuery 集合）：

document.getElementById('vid').src = 'video.mp4';

或者：

$('#vid').get(0).src = 'video.mp4'

但我猜这不是 IE 问题所在，请确保浏览器完全支持 HTML5 视频。

如果您使用 IE 的 Flash 替代品，您将无法在运行时更改 src 属性。您将不得不更换整个闪存容器。

于 2013-09-03T07:29:13.990 回答
0

因此，假设您有以下 HTML 代码：

 <video id="vid" width="320" height="240" controls>
    <!-- You might do different for browser compatibility. -->
    <source src="" type="video/mp4">
    <source src="" type="video/ogg">
 </video>

现在我们需要做的是首先通过它的 id [vid] 获取视频标签，然后在更改它们的 src 时循环遍历每个源。像这样：

$(function(){
  var myExt  = new Array();
  myExt[0]   = "mp4";
  myExt[1]   = "ogg";
  var extCounter = 0;

  $("#vid").children("source").each(function(){
    for(var i = 0; i < myExt.length; i++){
        $(this).attr("src","http://www.quirksmode.org/html5/videos/big_buck_bunny"+"."+myExt[extCounter]);
    }
    extCounter++;
  });
});

单击此处获取代码笔链接

ps 检查您的浏览器是否支持它.. 我们在这里谈论 ie..

于 2013-09-03T07:45:04.207 回答