HTMLのIDを取得中<source>

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

あなたはそれがidによるものであって、他の要素と同様<source>要素にアクセスすることができます。

ただし、あなたがそのsrc属性を変更すると、そのコンテナの​​メソッドを呼び出す必要があります。<video>要素です。

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(); 
 
    
 
    }

<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>