How to post an embedded webm video.

A place to share learning material: written tutorials, videos, etc.
Forum rules
Be nice to others! Respect the FreeCAD code of conduct!
Post Reply
edwilliams16
Veteran
Posts: 3191
Joined: Thu Sep 24, 2020 10:31 pm
Location: Hawaii
Contact:

How to post an embedded webm video.

Post by edwilliams16 »

I'm wondering if this even possible. I hate the embedded animated gif files which loop over and over. You can't tell when they start and you can't pause them. I find them close to useless.
Here's a link that at least plays in my browser if I click on it.
https://www.dropbox.com/s/ylfaxeo9hw1kb ... .webm?dl=0

My ISP doesn't support webm files - I can't even upload them! So I can't host them there.

@TheMarkster
I tried regular and raw github links
https://github.com/edwilliams16/FreeCAD ... otxyz.webm
https://github.com/edwilliams16/FreeCAD ... m?raw=true
phpBB [video]


but can't make any of these work with <video> tags. The raw link downloads to a file that my browser can play.
There seem to have been many prior related discussions, but I failed to find a recipe.

I'm creating the webm from jpegs using ffmpeg

Code: Select all

ffmpeg -f image2 -framerate 4 -i Image%03d.jpg -s 400x300 rotxyz.webm
Maybe there's some metadata tags I need?
edwilliams16
Veteran
Posts: 3191
Joined: Thu Sep 24, 2020 10:31 pm
Location: Hawaii
Contact:

Re: How to post an embedded webm video.

Post by edwilliams16 »

As someone who has only googled phpbb, it seems that either the existing <video> tag needs to be tweaked or a new <webm> tag created on the lines described in
https://suu-design.com/forum/viewtopic.php?t=235

substituting the BBCode

Code: Select all

[webm]{URL}[/webm]
with html something like

Code: Select all

<p>
<video controls src="{URL}" type="video/webm" >
</video>
</p>
but I have no way of testing this.

EDIT: The following html works for me:

Code: Select all

<!DOCTYPE html>
<html>
<body>
 <video  controls src="https://github.com/edwilliams16/FreeCAD-docs/blob/master/rotxyz.webm?raw=true" type="video/webm">
  Your browser does not support the video tag.
</video> 
</body>
</html>
TheMarkster
Veteran
Posts: 5513
Joined: Thu Apr 05, 2018 1:53 am

Re: How to post an embedded webm video.

Post by TheMarkster »

edwilliams16 wrote: Sat Oct 29, 2022 10:17 pm
but can't make any of these work with <video> tags. The raw link downloads to a file that my browser can play.
There seem to have been many prior related discussions, but I failed to find a recipe.

I'm creating the webm from jpegs using ffmpeg

Code: Select all

ffmpeg -f image2 -framerate 4 -i Image%03d.jpg -s 400x300 rotxyz.webm
Maybe there's some metadata tags I need?
Replace blob with raw

Code: Select all

[video]https://github.com/edwilliams16/FreeCAD-docs/raw/master/rotxyz.webm[/video]
phpBB [video]
edwilliams16
Veteran
Posts: 3191
Joined: Thu Sep 24, 2020 10:31 pm
Location: Hawaii
Contact:

Re: How to post an embedded webm video.

Post by edwilliams16 »

@TheMarkster Thanks!! Do you have a recipe for embedding in the wiki?
TheMarkster
Veteran
Posts: 5513
Joined: Thu Apr 05, 2018 1:53 am

Re: How to post an embedded webm video.

Post by TheMarkster »

edwilliams16 wrote: Sun Oct 30, 2022 7:50 pm @TheMarkster Thanks!! Do you have a recipe for embedding in the wiki?
No, I don't think I ever put one on the wiki. I put a video for FCCamGroover macro, but it was an animated gif.
Post Reply