タグ

スマートフォンサイトに関するaoasagiのブックマーク (4)

  • AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

    AndroidiPhoneHTML,CSS,JavaScriptのバグまとめ AndroidiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidChromeで が「・」になってる気がする | ビビビッ  を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:

    AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
  • スマートフォン(スマホ)Androidでのmp4再生のための作業録

    動画をサイトで配信するには大きく分けて2通り。 1,Youtubeにアップしてタグを貼り付け(簡単) 2,自サーバ上にアップし、HTML(objectやvideoタグ)等で表示させる。(サーバーの転送制限の問題や端末によっては単純に変換するだけでは正常に再生できないなどいろいろ問題ありで結局面倒。でもどうしてもやりたい場合もあるw) (設置用タグの例はページ下部) 当然Youtubeのほうが簡単で手っ取り早いけど、 動画内容によってはYoutubeにアップできないなどの特別な事情がある場合、 やむを得ず②を選択するわけだけど、PCと違い端末環境によってもろもろあるため結構めんどい・・・。iPhoneあるしフラッシュは使えないし・・・。 スマフォであればとりあえずMP4をHTML5のvideoタグで設置するのが簡単で手っ取り早い。 が、iPhoneでは正常に再生されるがAndroidではその

    スマートフォン(スマホ)Androidでのmp4再生のための作業録
  • スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ

    最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン(およびタブレット)用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前

    スマートフォン用サイトで動画を扱う時のポイント | ベイジの社長ブログ
  • PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」

    PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応

    PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
  • 1