video要素のループを滑らかにする - Qiita
video要素が抱える問題 video要素のloop属性によるループは、動画が最後まで再生し終えてから再開するまでの間に時間差があり、カクついて見えてしまいます。 デバッグのためにローカル環境でページを閲覧している際は時間差が短く、一見問題が無いように見えてしまいます。しかし、同じページをサーバーにアップロードして確認すると、ループのつなぎ目で、明らかに動画が停止した時間が生じていることがわかります。 今後のブラウザのアップデートで改善されるかもしれない問題ですが、当面は解決策が必要です。 JavaScriptでループを「作る」 この問題の解決手段として、「同一のvideo要素を同じ位置に2つ重ね合わせてJavaScriptで交互に再生する」という方法があります（html5 - VideoJS - Seamless Looping Video - Stack Overflow)。 一方のv
Facebookみたいにtextareaの一部を強調する - Qiita
Facebookで人物を補完すると、その人物名の周りに枠が表示されて強調されますよね（gif画像参照）。 これのやり方を解説します。 TL;DR textareaの強調表示は、textareaを透明にして後ろにいい感じの背景を設置してるだけ textareaの中にDOMを入れても表示されない パッと考えるとtextareaの中にDOMツリーを入れるとそれが表示されるんじゃないか、と思うかも知れません が、ぜんぜんそんなことは無くて、そのまま文字列が表示されてしまいます。 ご存知のようにtextareaやinputは、他の要素のように子要素を表示するのではなく、自身のvalue属性の値を画面に表示する働きをします。value属性は文字列を格納するためのものなのでDOMを入れられないわけですね。 強調用のDOMを重ねあわせる textareaにはDOMをそのまま入れられないので、仕方がなく周り
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
