前提・実現したいこと
Lity.jsを利用しているのですが、mp4を指定したときのvideoタグを変えたいです。
該当のソースコード
html
1<a href="test.mp4" data-lity>テスト</a> 2```現在、上記を記載して、クリックしたら動画が表示、再生できるようになっております。 3クリックすると 4```html 5<video controls autoplay name="media"> 6 <source src="http://~パス~/test.mp4" type="video/mp4"> 7</video> 8```が出力されているようなのですが、このvideoタグを 9```html 10<video src="test.mp4" controls disablepictureinpicture controlsList="nofullscreen nodownload" oncontextmenu="return false;"></video> 11```↑このように変えたいです。 12(自動再生しないようにしたい、ダウンロードボタンなどを消したい、フルスクリーンにさせたくない) 13 14### 試したこと 15```html 16<a href="#inline" data-lity>Inline</a> 17<div id="inline" style="background:#fff" class="lity-hide"> 18<video src="test.mp4" controls disablepictureinpicture controlsList="nofullscreen nodownload" oncontextmenu="return false;"></video> 19</div>
公式サイトにあったように、上記の通りやってみたのですが、動画が再生されている時にポップアップを閉じた場合、動画が再生されたままになっているようで音声だけが流れ続けてしまいました。
Lity.jsのjsファイルを見てもvideoタグは見当たらず、出力されているvideoタグがどこで設定されているものなのかが分かりません、、、。
videoタグを書き換える方法か、inlineでも閉じれば動画も一緒に再生終了させる方法か、
どちらでも構いませんので、分かる方がいらっしゃいましたらお知恵を拝借願えませんでしょうか。
あなたの回答
tips
プレビュー