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

工学部生がアプリ開発をめざして

サーバーサイド言語、主にPHPしかできない私がなんかモバイルアプリを作ってみよう!ということです。

モバイル環境でのvideo.js-dailymotionのバグについて

久しぶりの記事ということで軽く


ある案件でフリーのプレイヤーフレームワークのvideo.jsを利用してるのですが、そこでdailymotionの動画を取り込みたいということでvideo.js-dailymotionというプラグインを使っている。

しかし、モバイル環境で動かすとなぜかシークバーが出てこないバグが発生することが分かったんですね。それだと動画を止められないっていうことで直すことに。。。

いきなり答えから申しますと

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
 var ieVersion = Number(RegExp.$1);
 this.addIframeBlocker(ieVersion);
} else if (!/(iPad|iPhone|iPod|Android)/g.test(navigator.userAgent)) {
 // the pointer-events: none block the mobile player
 this.el_.className += ' onDesktop';
 this.addIframeBlocker();
}

これが問題のコードで、これはaddIframeBlocker()を呼び出しているわけだが、なぜかUAがモバイルだと条件的に呼び出されていない!
これは製作者の故意なのかミスなのか、わからないが修正しても動くので問題ないということで

修正版

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
 var ieVersion = Number(RegExp.$1);
 this.addIframeBlocker(ieVersion);
} else if (!/(iPad|iPhone|iPod|Android)/g.test(navigator.userAgent)) {
 // the pointer-events: none block the mobile player
 this.el_.className += ' onDesktop';
 this.addIframeBlocker();
}else{
 this.addIframeBlocker();
}

と、まあこのように修正してみた。
しっかりシークバーも出るようになり他のバグもでていないので良しとしよう。

タブレットPCを買いました

PC

みんな大好きアマゾンでぽちっとしました。

工学部生ですけどなにかとPCは必要になってくるそうです。

ちなみに買ったのはASUS TransBookT100HA-FU026TというタブレットPCで、アマゾン限定のメモリが4Gモデルのものです。確か購入時はセール中でしたので4万オーバーで買うことができました。

まだ買って数日なのでほとんどこのPCを使いきれてないです。実際タブレットPCの魅力であるタブレット状態で使用してません。てかどうやって外すのだろうか…あとでしっかり説明書を見ることにします。今の感想はまあ長く持ってくれればいいかなぁといったところです。

商品レビューのために記事を書いてるわけではないので特にレビューは致しませんが悪い買い物ではなかったと思っています。

タブレットに関してはNexus7 2013(確かこれもASUS製)を持っているのですが、こちらはAndroidですし、漫画鑑賞用に使用していくつもりです。

 

てかこのPCで開発できるかな…

ちょっとスペック的に心配だけどやってみます!