HTML 5 videos supported in forums.
Posted: Sat Apr 26, 2014 10:47 pm
I added the tags for html5 videos to be displayed in the forum posts. Here are the steps to link to a mp4/ogg encoded video.
Only modern browsers support native video streaming. But it should work across all platforms (PC/tablet/phone).
If you want all browsers to see the video, you MUST encode it in BOTH H.264/MP4 AND OGG formats.
So, record your video.
Use a free program like VLC to convert it to both H.265/MP4 and OGG (google it, its easy).
Upload you video to a hosting site (no, I don't host videos other than my own).
Make a forum post, and click on the phpBB3 code button labeled 'html5video'. You will see these tags appear:
Then click on the mp4 button
The URL for your video in mp4 format will go between the mp4] and [/mp4 tags.
Put your mouse cursor after the /mp4] tag and click the ogg button:
The URL for your video in ogg format will go between the ogg] and [/ogg tags:
That's all there is to it. For now the size of the video is fixed at 640x480, but if you need it changed I may consider other sizes for tablets/mobile devices.
PM deadline if you have any questions.
Only modern browsers support native video streaming. But it should work across all platforms (PC/tablet/phone).
If you want all browsers to see the video, you MUST encode it in BOTH H.264/MP4 AND OGG formats.
So, record your video.
Use a free program like VLC to convert it to both H.265/MP4 and OGG (google it, its easy).
Upload you video to a hosting site (no, I don't host videos other than my own).
Make a forum post, and click on the phpBB3 code button labeled 'html5video'. You will see these tags appear:
- Code: Select all
[html5video][/html5video]
Then click on the mp4 button
- Code: Select all
[html5video][mp4][/mp4][/html5video]
The URL for your video in mp4 format will go between the mp4] and [/mp4 tags.
- Code: Select all
[html5video][mp4]http://www.example.com/path/to/yourvideo.mp4[/mp4][/html5video]
Put your mouse cursor after the /mp4] tag and click the ogg button:
- Code: Select all
[html5video][mp4]http://www.example.com/path/to/yourvideo.mp4[/mp4][ogg][/ogg][/html5video]
The URL for your video in ogg format will go between the ogg] and [/ogg tags:
- Code: Select all
[html5video][mp4]http://www.example.com/path/to/yourvideo.mp4[/mp4][ogg]http://www.example.com/path/to/yourvideo.ogg[/ogg][/html5video]
That's all there is to it. For now the size of the video is fixed at 640x480, but if you need it changed I may consider other sizes for tablets/mobile devices.
PM deadline if you have any questions.