Web Tips Plus
ウェブ開発に関するメモ帳です。
2018年10月16日火曜日
SNSボタンやWebフォントが表示されないときのよくある原因と対処法 | ワードプレステーマTCD
SNSボタンやWebフォントが表示されないときのよくある原因と対処法 | ワードプレステーマTCD
https://design-plus1.com/tcd-w/2016/07/snsicon.html
slick.js の表示をカスタマイズする
slickのカレントクラスを利用した実装サンプル | NxWorld
https://www.nxworld.net/tips/jquery-plugin-slick-current-class-examples.html
2018年10月15日月曜日
WordPressのおすすめプラグイン36個 - はてな村定点観測所
https://hatebu.me/entry/2017/06/24/142159
Python製オープンソースCMSのMezzanineを導入してみた - はてな村定点観測所
https://hatebu.me/entry/mezzanine
2018年10月12日金曜日
iPhoneでも動画インライン再生
iPhoneなどのモバイルのブラウザ(Mobile Safari)では動画再生がモバイルネイティブのプレーヤーで強制的に全画面再生されてしまう仕様でしたが、iOS10以降はインライン(画面のその場所)で再生できるようになりました。
Android上のChromeでもインライン再生可能でした。
<video src="video.mp4"
playsinline webkit-playsinline
></video>
iOS 9 までは webkit-playsinline を指定しインライン再生が可能でした(WebView)
iOS 10 以降は playsinline を指定しMobile Safari でもインライン再生が可能
*両方指定してもOKでした。
モバイルブラウザのビデオ再生がいろいろ変わるので確かめてみた
https://qiita.com/tomoyukilabs/items/cb9dd1d3e7eb0cc7f58a
Monaca モバイルでの動画インライン再生
<video src="sample.mp4"
playsinline webkit-playsinline
></video>
上記のようにしても Monaca で iPhoneやiPadで動画がインライン再生されなかったのですが、
config.xml の AllowInlineMediaPlayback を true にすればOKでした。
<preference name="AllowInlineMediaPlayback" value="
true
"/>
Elasticsearch 入門
第1回 Elasticsearch 入門 インデックスを設計する際に知っておくべき事 – Hello! Elasticsearch. – Medium
https://medium.com/hello-elasticsearch/%E7%AC%AC%EF%BC%91%E5%9B%9E-elastisearch-%E5%85%A5%E9%96%80-%E3%82%A4%E3%83%B3%E3%83%87%E3%83%83%E3%82%AF%E3%82%B9%E3%82%92%E8%A8%AD%E8%A8%88%E3%81%99%E3%82%8B%E9%9A%9B%E3%81%AB%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8D%E4%BA%8B-c4181eba9395
新しい投稿
前の投稿
ホーム
登録:
投稿 (Atom)