video.get(0)の意味が知りたい

Question

videoタグにsrcを指定するとき、以下のコードを書くことが一般的だと思います。

var video = $('video').get(0);
video.srcObject = stream;

ここで、なぜget(0)が必要なのでしょうか？

MDNのgetのドキュメンテーションを読んでもわかりませんでした。
get(0)は1つ目のvideo要素を取得する、という説明を見ましたが、自分のHTMLにvideo要素は1つしかありませんが、

var video = $('video');
video.srcObject = stream;

だとstreamが表示されません。

よろしくお願いします。

Comments

[defghi1977]

read this https://api.jquery.com/get/

[olee46]

thanks for pointing me to the docs!

Answer 1

var video = $('video');とすると、videoはjQueryオブジェクトになっています。

srcObjectがあるのはDOMオブジェクトなので、.get(0)、あるいは[0]を付けてDOMオブジェクトを取り出す必要があります。

Comments

[olee46]

jQueryオブジェクトとDOMオブジェクトとの違いがわかっていなかったことが原因だったようです。
ありがとうございます！

[kobo_jp]

WebRTCを勉強中なのですが、私も意味がよくわからず「element get(0)」でググったらこのページが一番上に表示されたので来ました。とてもわかりやすい説明で助かりました。

Answer 2

質問者さんのhtml上では1つしかなくても理論上幾つでも存在し得るため、必ず配列（オブジェクトの中身に複数ある状態）で取得される仕様となっているからです。（classも同じ）
get()を書きたくなければ、idを指定しておくと良いです。

<video src="sample.mp4" id="myvideo"></video>

var video = $('#myvideo');

Comments

[maisumakun]

$を使う以上は、たとえ対象が1つでもjQueryオブジェクトで取れるのは変わらないので、.getなどで取り出す必要があることは変わりません。

[m.ts10806]

なるほど。勉強になります。