みかづきブログ・カスタム

基本的にはちょちょいのほいです。

iOS

iOSでvideoタグのposter属性を省略するとサムネイルが表示されない 🎥

iOS

<video src="movie.mp4" controls playsinline></video> という感じで、poster属性を省略するとiOSでサムネイルが表示されないことに気づきました。 PC版のChrome、Safari、Firefox、Android版のChromeでは1フレーム目がサムネイルとして表示されます。 動画はYouTubeにホスティングしてつかっていたので、全然気…

iOSでダウンロード属性を試して動画のダウンロードを試みる 📱

DEMO develop.kimizuka.org iOS14.0.1の端末でSafariに表示された動画をダウンロードして写真アプリに表示するべく、色々調査してみました。 結論としては無理でした。 href属性 <a href="動画ファイルのパス" /> href属性が動画ファイルに設定してあるリンクを長押しし、「リンク先ファイル</a>…

iOSシミュレータのSafariでウェブサイト全体のスクリーンショットを撮影する 📸

iOS13のSafariでは簡単にページ全体のスクリーンショットをPDF化することができますが、iOSシミュレータからでも同様の手順でPDFを保存できます。 シミュレータにGUIとして搭載されているスクリーンショットボタンから撮影できると最高だったのですが、残念…

inputタグのinputmode属性によるキーボードの見栄えを調査する(iOS編) 🔍

はじめに 見栄え一覧 none text decimal numeric tel search email url kana kana-name katakana おわりに はじめに HTML5.2にて廃止予定なので、できることなら使いたくないことでおなじみのinputmode属性ですが、なんだかんだで便利なので使いたくなるケー…

iPhone2台の着信音でマッシュアップを試みる 📲📲

iOS

2台のiPhoneが着信時に同時に鳴り始める現象を有効活用できないかと考えた結果、片方の着信音に「Berryz工房」の「Because happiness」、もう片方の着信音に「℃-ute」の「幸せの途中」を設定してみた。着信があると、同時に再生されて、ばっちり1曲に聴こえ…

iOSシミュレータ(Version 11.5) + Safari でWebインスペクタをつかったデバッグがうまくいかない(macOS 10.15.5)📱

iOS

結論 あらすじ 疑ったこと ❶ Mac側のSafariの設定 ❷ iOSシミュレータ側のSafariの設定 結論 Safari Technology Preview を使うことで解決しました! あらすじ iOSシミュレータとMac版SafariのWebインスペクタでウェブサイトのデバッグを試みた Developメニュ…