HTML5 video タグ生成

機能

• 1 行に 1 つの URL が 1 つの <source> になる
• 拡張子から type を推定（video/mp4、video/webm など）
• 幅と高さは任意。0 ならレイアウトに任せる
• ポスター画像と字幕トラック
• preload は none / metadata / auto の 3 段階
• controls・loop・playsinline などのスイッチ
• ⚠️ autoplay に muted が無いと警告（再生されない）
• 属性値の引用符を転義し、タグが途中で閉じないようにする

使い方

1. 1 行に 1 つの動画 URL を入力します（複数形式は複数行）
2. 幅・ポスター・preload・スイッチを必要に応じて調整します
3. 字幕を使うならオンにして .vtt の URL と言語を入力します
4. 生成されたタグをコピーしてページに貼ります

よくある質問

autoplay をオンにしても再生されないのはなぜですか？

最近のブラウザは音付きの自動再生を拒否します。`autoplay` を効かせるにはほぼ必ず `muted` も必要で、利用者が後から音を戻します。本ツールは autoplay オン・muted オフのとき注意を出し、動かないタグを出荷しないようにします。

複数の source を書くのはなぜですか？

ブラウザによって対応する符号化が異なります（Safari は mp4、Chrome や Firefox は webm も読めます）。同じ動画に 2 形式を用意すると、ブラウザが再生できる最初のものを選び、対応範囲が広がります。複数行の入力が複数の `<source>` になります。

type はどこから来ますか？

アドレスの拡張子から推定します（`.mp4` は video/mp4、`.webm` は video/webm など）。判別できない拡張子では `type` を省略し、ブラウザに任せます。誤った値を無理に書かないためです。