VK Blocks のスライダーの自動再生の停止/再生ボタンをカスタマイズ

VK Blocks がバージョン 1.122.0 にアップデートされて、スライダーブロックで自動再生の停止/再生ボタンを表示できるようになりました。

いままでもスライダーブロックには スワイプ時に自動再生を停止 という設定があって、スワイプして再生を停止することはできました。しかし、これは隠しコマンド的な機能で、閲覧者にはわかりづらいですし、どちらかというと CSS でカスタマイズする制作者向けの機能だと私は思っています。

今回のアップデートで追加された停止/再生ボタンは、スライダーを止めてじっくり鑑賞したいと思うようなコンテンツにはありがたいですね。

停止/再生ボタンを表示したスライダー

停止/再生ボタンはデフォルトで右上の控えめな位置に表示されます。

この位置がデフォルトなのは、コンテンツのじゃまにならないように、との配慮なのだと思います。

停止/再生ボタンを積極的に使ってもらいたいコンテンツの場合、右上にあると気がついてもらえないかもしれませんし、使いづらいかもしれません。

そこで...

停止/再生ボタンが目立つように、スライド番号のすぐ横にデザインを合わせて配置するカスタマイズを行ったスライダーがこちら↓です。