Skip to main content

Embed a video into Wikis or Blogs

Today I read the article KB0118248 and remembered my blog post from 2018. I also checked the attached aha idea where a comment states that you can use iframe for Youtube. Despite what KB0118248 incorrectly states, it is absolutely possible to embed videos in HCL Connections blogs and wikis using the HTML video tag as demonstrated in this post.

First of all, when streaming local videos in Connections, you should be aware of Videostreaming in HCL Connections! Without “Download through IHS,” the memory consumption of the Files cluster grows indefinitely.

<video src="url from files viewer" controls autoplay width="640px"></video>

We can use autoplay with the video tag, but it changes during the blog post saving process. Tiny editors changes autoplay to autoplay="autoplay" (I haven’t checked if CKEditor makes the same change). Unfortunately, this breaks the autoplay function of the video tag.

Saved source of our video

When you change the source in the browser console and remove ="autoplay", the video starts playing. I don’t recommend enabling any autoplay as this also starts the video in the blog overview page (View all entries).

I tested the code saved by Tiny Editors in Last Updates and clicking on the message about the blog post opens the preview to the post and starts the video audio (I would mark this as a bug, as the video is not displayed, but audio is running). This creates an unpleasant experience. You could add muted to disable the audio (if Tiny allows this), because hearing video sounds from colleagues in cubicles or large office spaces can be quite annoying.

Autoplay in Last updates

Embedding videos still works in 8.0CR9 as I described in my 2018 post. If you want to use this feature, I highly recommend enabling Download through IHS! Forget about autoplay - nobody wants several videos to start automatically when someone adds them to a single post. Users should decide when a video starts playback.

Here is a working example on HCL Connections Preview: https://preview.hclconnections.net/blogs/9d87a005-13dd-4e98-b66f-3011dbc10218/entry/Embedded_video?lang=en_us

It would be great to have a Tiny editors plugin that opens a select box to find the video, grabs the video link, and posts the code automatically. I won’t build this myself, as I’m satisfied with copying the HTML snippet and using it from the HTML source code editor.

Christoph Stoettner
Author
Christoph Stoettner
I work at Vegard IT GmbH as a senior consultant, focusing on collaboration software, Kubernetes, security, and automation. I primarily work with HCL Connections, WebSphere Application Server, Kubernetes, Ansible, Terraform, and Linux. My daily work occasionally leads to technical talks and blog articles, which I share here more or less regularly.

Related