[やりたいこと]
Moodle3.9でブックの章にアップロードした動画の画面サイズを最大化したいです。
[作業内容]
以下の手順で作業をしました。
1.ブックの章の編集画面を開く。
2.コンテンツのメニューにある「オーディオ/ビデオファイルを挿入または編集する>ビデオ」を選択する。
3.ビデオソースURLを貼り付けて、「メディアを挿入する」を選択する。
[問題]
動画を表示する画面で動画を見てみると、画面が小さいです。
HTMLを見てみると、動画の上位タグに
max-width:400px;
がついていたため、これが原因です。
[試したこと]
・編集画面でビデオを挿入した後、ソースコードの
<video>や<source>タグに直接
width="100%"
max-width="100%"
を追記してみましたが、動画のサイズは小さいままでした。
・以下リンク先の内容を確認して試そうとしました。
https://moodle.org/mod/forum/discuss.php?d=324533
しかし、以下の設定項目が見つからなかったため、編集できませんでした。
「管理 > サイト管理 > アピアランス > メディア埋め込み」「QuickTimeプレイヤー core_media_enable_qt」
解決方法をご存知でしたら、ご教示いただけますと幸いです。
> Moodle 3.9用の「ブック」モジュールの入手場所は分かりません。
大変失礼致しました。「ブック」モジュール (mod/book) は以下のようにMoodle 2.3からMoodleに標準的に実装されています。
[moodle/mod/book at MOODLE_23_STABLE · moodle/moodle]
https://github.com/moodle/moodle/tree/MOODLE_23_STABLE/mod/book
本投稿の添付画像のように「ビデオソースURL」を入力する際に「オプションを表示する」メニューを広げて「サイズ」入力欄に動画の任意の縦横の大きさを入力できます。
ありがとうございます。
ご提案いただいた箇所にサイズを設定して画面サイズが変更されることを確認いたしました。
widthとheightをどちらも設定しないといけないんですね。
HTMLに記述したとき、widthしか指定していなかったのが原因だったようです。
ご回答いただきありがとうございました。
また、テーマの追加CSSに以下を追加したことでも解決できました。
.mediaplugin_videojs > div {
max-width: 100%!important;
}
テーマは「クラシック」を使用しているので
「サイト管理>アピアランス>テーマ>クラシック>高度な設定」内にある「生SCSS」に記述しました。
ご提案いただいた箇所にサイズを設定して画面サイズが変更されることを確認いたしました。
widthとheightをどちらも設定しないといけないんですね。
HTMLに記述したとき、widthしか指定していなかったのが原因だったようです。
ご回答いただきありがとうございました。
また、テーマの追加CSSに以下を追加したことでも解決できました。
.mediaplugin_videojs > div {
max-width: 100%!important;
}
テーマは「クラシック」を使用しているので
「サイト管理>アピアランス>テーマ>クラシック>高度な設定」内にある「生SCSS」に記述しました。