Twitterのgif画像が本当はvideoなので、再生コントロールを追加して便利にする拡張を作る
処理の概要
[data-testid="videoPlayer"]
内のvideo要素(gif)にcontrols属性を追加して、シークやフルスクリーン化ができるようにした- video要素の前面レイヤーでクリックイベントを拾われてしまうので
pointer-events: none
を設定してvideoコントロールにユーザーが触ることができるようにした - 以上の処理を、スクロール時とページ切り替え時に実行
Chrome拡張のリポジトリにREADME追加
- https://github.com/miyaoka/crx-google-search-results-shortcuts
- https://github.com/miyaoka/crx-twitter-comic-reader
- https://github.com/miyaoka/crx-twitter-ad-cleaner
- https://github.com/miyaoka/crx-twitter-gif-control
- だんだん増えてきたのでREADMEを追加した
- chrome拡張だと分かるようにリポジトリ名にcrxのプレフィックスをつけるようにした(既存リポジトリurlからはリダイレクトされるはず)