search

npocccties / chibichilo

CHiBi-CHiLOは，インターネットに散在するビデオを，トピック単位で整理，管理し，組み合わせて，複数のLMSにビデオ教材として提供するオンライン学習支援ツールです．
https://npocccties.github.io/chibichilo/
MIT License
6 stars 3 forks source link

vimeo動画が閲覧ページ以外で自動再生される #203

Closed ties-makimura closed 3 years ago

ties-makimura commented 3 years ago

そのバグについて

トピックのインポートやマイトピックのページにあるトピック一覧のビデオが自動で再生れれる．

再現手順

可能なら、(最小)再現手順を書いてください:

  1. トピックのインポート（もしくはマイトピック）ページに移動
  2. 動画のURLをvimeoにしたトピックの動画が自動で再生される．

期待していた動作

自動再生されない

デスクトップ再現環境 (下記をうめてください):

追記・備考

動画のURLがYoutubeのトピックは自動再生されていませんでした．

ties-makimura commented 3 years ago

リンクページも1番目の動画がvimeoだと自動再生が始まりました． トピック一覧というより，閲覧ページ以外でvimeoの自動再生がされるのが問題なようです．

kou029w commented 3 years ago

autoplay: undefinedのときのデフォルト値が機能していないのか分からないが、Booleanに割り当てると自動再生されないことを確認:

diff --git a/components/organisms/Video/VimeoPlayer.tsx b/components/organisms/Video/VimeoPlayer.tsx
index 784e6fd..d774cac 100644
--- a/components/organisms/Video/VimeoPlayer.tsx
+++ b/components/organisms/Video/VimeoPlayer.tsx
@@ -12,7 +12,7 @@ function VimeoPlayerBase(props: PlayerProps) {
     <Vimeo
       options={{
         url: props.url,
-        autoplay: props.autoplay,
+        autoplay: Boolean(props.autoplay),
       }}
       onEnded={props.onEnded}
     />