You can choose to embed the video in inline or in a fancybox.
Options
Note: Some browsers may not be able to auto play, or auto play with sound.
Add the link inside <body>
Copy
<iframe id="uvision_" style="background:#000;" src="https://stories.hku.hk/chi/video/embed?mid&disable_embed=true&autoplay=0&mute=0" frameborder="0" width="100%" allowFullScreen></iframe><script>var width = document.getElementById('uvision_').offsetWidth;var height = width*9/16;document.getElementById('uvision_').height = height;window.onresize = function(event) {var width = document.getElementById('uvision_').offsetWidth;var height = width*9/16;document.getElementById('uvision_').height = height;};</script>
Step 1). Add the following code inside <head>
Copy
<script src="https://stories.hku.hk/uv.fancybox.js"></script>
Step 2). Add the link inside <body>
Copy
<a href="https://stories.hku.hk/chi/video/embed?mid&disable_embed=true&autoplay=1&mute=0" data-fancybox="" data-width="768" data-height="432" data-caption="Distinguished Research Achievement Award 2020-2021">Click me</a>