読者です 読者をやめる 読者になる 読者になる

android browser(標準ブラウザ)で縦長動画がつぶれて再生されたときの対応

標準ブラウザって今さらすぎる内容なのかもしれないけど、ちょっとハマったのでメモ
なぜか縦長の動画だけつぶれて表示されてしまってた。

原因はわからないけど解決策はvideoタグにcontrolsをつければよかった。
今回はui的にはcontrolsは不要だったので動画ファイルを読み込み完了したらfalseにするようにした

var video = document.createElement("video");
this.video.controls = true;

this.video.addEventListener("canplay", function() {
    self.video.controls = false;
}, true);

こんな感じ。
簡単すぎる内容だけど以上です