Video link path in mkdocs code and html tag

File size

ffmpeg: test.mp4 scale change to 540 in test2.mp4
1.2MB -> 561KB

% ffmpeg -i test.mp4 -vcodec libx264 -crf 25 -preset medium -vf scale=-2:540 -acodec libmp3lame -q:a 4 -ar 48000 -ac 2 test2.mp4

link test

Test1: markdown de image

![](../images/weekX/test2_info.png)

Result

site: 画像自体の大きさで表示させる
gitlab: 画像自体の大きさで表示させる

Test2: markdown de image + image width

![](../images/weekX/test2_info.png){width=200}

Result

site: 画像は指定の幅で表示させる
gitlab: 画像自体の大きさで表示され、大きさは変わらない

Test3: markdown de mp4

![](../images/weekX/test2.mp4)

Result

site:画像と同じリンク形式では表示されない
gitlab:表示される

Test4： html de mp4

<video width="640"  controls>
  <source src="../../images/weekX/test2.mp4" type="video/mp4">
</video>

Result

site: サイトで表示される
gitlab: 表示されない

Note

makdownでのリンク:　../images/weekX/test2.mp4
hemlでのリンク: ../../images/weekX/test2.mp4

Test5: video link

[video link](../images/weekX/test2.mp4){:target="_blank"}

Result

video link

site: link click -> new tab open => play video
gitlab: link click -> open in same tab -> play video

---

Last update: March 9, 2021