複数動画の再生方法についての検討

[minari515]

ちらっと話した感じ，認識にずれがあるっぽかったので話し合いをベースにきちんと方針を選定したい

• ランダム出力
• タップで次に送るスタイル
• 何かで指定するスタイル

この三つが今のところ出てる気がする 何かで指定するのは例えば，トグルで出てきたリストから選択するとか，ラジオボタンとか，range要素的なので指定するとかそういうの

とはいえ実現できるならしたいなってのは普通にダイヤルで動画指定する感じな気がする

[minari515]

https://qiita.com/akebi_mh/items/ebf6cc58ec5fa2427ac7

これとかはrange要素の数値をダイヤルに落とし込んでるっぽいからこういうのの応用でできるかもしれん

でもありえんぐらいコード長いからがちの拡張機能というか，発展要素になるかも 他が満足いったタイミングとかで取り掛かることになるのかな

[tagahei]

[minari515]

ボタンどうやって表示するかわからんけど案外これで出来るかもしれんな

``` ```

``` ```

まぁたぶんうまく行かんのやろな

[tagahei]

TODO

• [x] ボタン表示
• [x] ボタンイベントで動画再生
• [x] ボタンイベントで動画変更
• [x] マーカ検出のイベント取得
• [x] マーカ検出によってボタン表示制御
• [ ] ボタンデザイン

[tagahei]

表示のズレ

bodyにマイナスが付く

[tagahei]

IOSだとずれるんよなぁ...

試したけどダメだったもの

• font-sizeをpxにする
• -webkit-appearance: none; / ベンダープレフィックスを追加 /

怪しいの fontsizeを指定しなかったらおんなじになる

[tagahei]

font-sizeではなく，ちゃんとwidthとかで指定したら解決っ！

.video_play::after {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 2em solid transparent;
  border-left: 3em solid currentColor;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  pointer-events: none;
}

[tagahei]

最初の読み込みが真っ黒

再生・次へを押すと動画再生されてだいじょうぶになる

いや！これはみなりんがやってたサムネイル問題か！やけ無視します！