<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>护眼攻略：专家教你如何减少电子产品对眼睛的伤害</title>
<style>
/* CSS styles for the video section */
#endText .video-info a {
text-decoration: none;
color: #000;
}
#endText .video-info a:hover {
color: #d34747;
}
#endText .video-list li {
overflow: hidden;
float: left;
list-style: none;
width: 132px;
height: 118px;
position: relative;
margin: 8px 3px 0 0;
}
#endText .video-list a, #endText .video-list a:visited {
text-decoration: none;
color: #fff;
}
#endText .video-list .overlay {
text-align: left;
padding: 0 6px;
background-color: #313131;
font-size: 12px;
width: 120px;
position: absolute;
bottom: 0;
left: 0;
height: 26px;
line-height: 26px;
overflow: hidden;
color: #fff;
}
#endText .video-list .on {
border-bottom: 8px solid #c4282b;
}
#endText .video-list .play {
width: 20px;
height: 20px;
background: url('http://static.ws.126.net/video/img14/zhuzhan/play.png') no-repeat;
position: absolute;
right: 12px;
top: 62px;
opacity: 0.7;
color: #fff;
filter: alpha(opacity=70);
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
#endText .video-list a:hover .play {
opacity: 1;
filter: alpha(opacity=100);
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://static.ws.126.net/video/img14/zhuzhan/play.png");
}
/* Additional CSS for video wrapper and info */
.video-wrapper {
margin: 10px auto;
background: #F5F5F5;
}
.video-inner {
padding: 25px;
padding-bottom: 20px;
}
.video {
height: 435px;
background: #000;
}
video {
width: 100%;
height: 100%;
object-fit: contain;
}
.video-info {
margin: 16px 0 0 0;
height: 20px;
line-height: 20px;
}
.video-title {
text-align: right;
float: left;
width: 300px;
}
.video-from {
color: #a7a7a7;
margin-left: 10px;
}
.video-list ul {
margin: 0;
padding: 0;
list-style: none;
width: 540px;
}
</style>
</head>
<body>
<div class="video-wrapper">
<div class="video-inner">
<div class="video">
<video id="VK88ELABN" preload="true" controlslist="nodownload" width="100%" height="100%" controls="controls" style="object-fit: contain;" poster="http://cms-bucket.ws.126.net/2022/0606/e07b9fc0p00rd1g2g001sc001hc00u0c.png" data-vid="VK88ELABN" alt="陶勇医生：居家上网课 牢记12个护眼数字"></video>
</div>
<div class="video-info clearfix">
<p class="fn-right" style="height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; float: right; margin: 0; padding: 0; text-indent: 0;">
<a href="https://www.163.com/v/video/VK88ELABN.html" target="_blank" class="video-title">陶勇医生：居家上网课 牢记12个护眼数字</a>
<span class="video-from" style="color: #a7a7a7; margin-left: 10px;">（来源：网易健康）</span>
</p>
</div>
<div class="video-list">
<ul class="clearfix" style="margin: 0; padding: 0; list-style: none; width: 540px;">
<!-- Video list items -->
</ul>
</div>
</div>
</div>
<script src="https://static.ws.126.net/163/f2e/libs/hls.min.js"></script>
<script>
if (/mp4$/.test("https://flv0.bn.netease.com/7b6021ff288b8c2f9c8814435ba9c8a35bd413208398ea1cfb8d6a4ed3386bd756ca09410bfe2f2df4e720b2ed02c49c670227126e6897eb63c9e4c6dcd3fc61b4a3d0a6cc0990af7de8f3b33d5f592554cf82dc2084f7b964db3994c7a55e63666758af98c8d40e2c3deacb46025a031ce01479bb0aff14.m3u8")) {
document.getElementById("VK88ELABN").src = "https://flv0.bn.netease.com/7b6021ff288b8c2f9c8814435ba9c8a35bd413208398ea1cfb8d6a4ed3386bd756ca09410bfe2f2df4e720b2ed02c49c670227126e6897eb63c9e4c6dcd3fc61b4a3d0a6cc0990af7de8f3b33d5f592554cf82dc2084f7b964db3994c7a55e63666758af98c8d40e2c3deacb46025a031ce01479bb0aff14.m3u8";
} else if (Hls && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource("https://flv0.bn.netease.com/7b6021ff288b8c2f9c8814435ba9c8a35bd413208398ea1cfb8d6a4ed3386bd756ca09410bfe2f2df4e720b2ed02c49c670227126e6897eb63c9e4c6dcd3fc61b4a3d0a6cc0990af7de8f3b33d5f592554cf82dc2084f7b964db3994c7a55e63666758af98c8d40e2c3deacb46025a031ce01479bb0aff14.m3u8");
hls.attachMedia(document.getElementById("VK88ELABN"));
}
</script>
<p><b>主讲嘉宾：陶勇 主任医师/教授</b> <b>首都医科大学附属北京朝阳医院眼科</b></p>
<p><b>如何最大限度地降低电子产品对眼睛的损害？有哪些护眼妙招？</b></p>
<p><b>1. 记住“20-20-20”法则。</b></p>
<p>每近距离用眼20分钟，就远眺20英尺（约6米）远的地方至少20秒钟。</p>
<p><b>2. 控制合理的线上学习时间。</b></p>
<p>小学生每天不超过两个半小时，每次不超过20分钟。中学生每天不超过四个小时，每次不超过30分钟。</p>
<p><b>3. 尽可能选择大屏幕的电子产品。</b></p>
<p>能用电视就不用平板，能用平板就不用手机，屏幕越大越好。</p>
<p><b>4. 注意使用电子产品的距离。</b></p>
<p>投影仪要距离3米以上；电视要距离屏幕对角线长度的四倍以上；电脑要距离50厘米以上；手机要距离30厘米以上。</p>
<p><b>5. 在光线充足且柔和的地方进行学习。</b></p>
<p>电子产品屏幕的亮度，尽可能与周围环境光线的亮度保持一致。</p>
<p><b>6. 加强户外活动。</b></p>
<p>每天两个小时以上，充分接触阳光。</p>
<p>这些护眼小技巧您都记住了吗？在居家期间，我们既要关注疫情，也要关注健康。</p>
<p><b>往期内容：</b></p>
<p><a href="https://jiankang.163.com/22/0606/12/H968LKI20038804H.html" target="_self" style="line-height: 1;">陶勇医生：这些日常毁眼行为，你可能每天都在做</a></p>
<div style="height: 0px; overflow: hidden;"></div>
</body>
</html>
请注意，以上代码是对原始HTML内容的排版和格式调整，以适应博客发布的排版要求。我没有修改任何JavaScript代码，因为它看起来已经足够清晰和功能性。此外，我假设了视频列表部分是空的，因此没有添加任何内容到<ul>标签中。如果需要添加视频列表内容，请根据实际情况填充。