x
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_20240" style="background:#000;" src="//uvision.hku.hk/frame/fullscreen.php?disable_embed=true&mid=20240&autoplay=0&mute=0" frameborder="0" width="100%" allowFullScreen></iframe><script>var width = document.getElementById('uvision_20240').offsetWidth;var height = width*9/16;document.getElementById('uvision_20240').height = height;window.onresize = function(event) {var width = document.getElementById('uvision_20240').offsetWidth;var height = width*9/16;document.getElementById('uvision_20240').height = height;};</script>
Step 1). Add the following code inside <head>
Copy
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" crossorigin="anonymous"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.css" /><script src="https://uvision.hku.hk/plugins/fpfb2/jquery.min.js"></script><script src="https://uvision.hku.hk/plugins/fpfb2/jquery-migrate.min.js"></script><script src="https://uvision.hku.hk/plugins/fpfb2/bootstrap.min.js"></script><script src="https://uvision.hku.hk/plugins/fpfb2/jquery.fancybox.min.js"></script><script type="text/javascript">jQuery(document).ready(function(){$('[data-fancybox]').fancybox({ 'type':'iframe',});});</script><style>fancybox-content:black;</style>

Step 2). Add the link inside <body>
Copy
<a href="https://uvision.hku.hk/frame/fullscreen.php?disable_embed=true&mid=20240&autoplay=1&mute=0" data-fancybox="" data-width="768" data-height="432" data-caption="CAES1000 - Core University English">Click me</a>