Question

我正在尝试从JSON文件加载我网站上的视频和声音文件来源。我使用以下命令为页面上的其他元素执行此操作：

`$('#cimg').attr('src', jsonObj.cloud[0].refimage)`

这似乎适用于像图像这样的东西，但不适用于那些有源标签的HTML 5视频和声音文件：

<source id="cvid" src="" type="video/mp4">

我认为你不能在源标签中创建ID，因为同样的方法适用于img标签。

有谁知道如何从源标记中提供或访问id？

Answer 1

你可以抓住标签：

console.log($('source').attr('id'))

JSFiddle with your code

Answer 2

您可以像<source>一样访问id元素，就像任何其他元素一样。

但您忘记的是，当您修改其src属性时，您必须调用其容器.load()元素的<video>方法。

＆＃13;

var vid = document.getElementById('vid');
var source = document.getElementById('cvid');
var src = ['http://www.sample-videos.com/video/mp4/240/big_buck_bunny_240p_50mb.mp4', 'http://vjs.zencdn.net/v/oceans.mp4'];
var s = 0;

document.getElementById('btn').onclick = function(){
  
  // change the <source> 's src
  cvid.src = src[++s%src.length];
  // ask the <video> to load this new source
  vid.load();

  // could also be 
  // cvid.parentNode.load();
  
  }

＆＃13;

<button id="btn">switch video source</button><br>
<video controls muted autoplay id="vid">
<source id="cvid" src="http://www.sample-videos.com/video/mp4/240/big_buck_bunny_240p_50mb.mp4" type="video/mp4">
</video>

＆＃13;

获取HTML的ID <source />

2 个答案: