音声と動画を含んだタグをhtmlに描画したい

Question

タイトルの通りですが、

例えば、 喋るキャラクター（常にループ再生して喋っているような）をhtmlに描画したいのですが、
どのようなエレメント要素が最適でしょうか？
喋るっているキャラクターは口パクのまんまで、喋っている内容と同期している必要はないです。

また、そのデバイスは常に可動している状態です。

キャラクターの背景は透過がいいです。

というのも、ちょっとCPU、GPUリソースがもともとあまりないデバイスで動かそうと思っているので、
極力、負荷が少ない方法を取りたいなと思っております。

僕が知っている限りでは下記の方法があると思っています。

1. GIFタグとaudioタグを組み合わせる
2. videoタグを使う
3. canvasを使う（音声を仕込めるか調査）

3の場合はあまり知識がないので、こんな方法あるよって知っている方がいれば、お聞きしたいです。