<style>
/* Styling for video information links */
#endText .video-info a {
text-decoration: none;
color: #000;
}
#endText .video-info a:hover {
color: #d34747;
}
/* Styling for video list items */
#endText .video-list li {
overflow: hidden;
float: left;
list-style: none;
width: 132px;
height: 118px;
position: relative;
margin: 8px 3px 0 0;
}
/* Styling for video list links and visited links */
#endText .video-list a, #endText .video-list a:visited {
text-decoration: none;
color: #fff;
}
/* Styling for video list overlay */
#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;
}
/* Highlighting the currently playing video */
#endText .video-list .on {
border-bottom: 8px solid #c4282b;
}
/* Styling for play button */
#endText .video-list .play {
width: 20px;
height: 20px;
background-image: url('http://static.ws.126.net/video/img14/zhuzhan/play.png');
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");
}
/* Hover effect for play button */
#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");
}
</style>
<script src="https://static.ws.126.net/163/f2e/libs/hls.min.js"></script>
<div class="video-wrapper" style="margin: 10px auto; background: #F5F5F5;">
<div class="video-inner" style="padding: 25px; padding-bottom: 20px;">
<div class="video" style="height: 435px; background: #000;">
<video id="VK7CME4EE" preload="true" controlslist="nodownload" width="100%" height="100%" controls="controls" style="object-fit: contain;" poster="http://cms-bucket.ws.126.net/2022/0526/cf4cd831p00rchhg1001uc001hc00u0c.png" data-vid="VK7CME4EE" alt="防晒饮食攻略:揭秘你意想不到的“光敏”食物"></video>
</div>
<script>
if (/mp4$/.test("https://flv0.bn.netease.com/7b6021ff288b8c2f0a0327b9c6f26e77c4c17e66d4889830dd422779ceedd284e5d9f5c440e3772875d3c2a730921be5396c1116af7faec5313565e24b5668074e7acf46ea61b4f3818c7eff0c62979331e57f148ae331cf06d401c367a6d23bda4673799a431ad9faa41adc0d4895e50fb2cc1670813085.m3u8")) {
document.getElementById("VK7CME4EE").src = "https://flv0.bn.netease.com/7b6021ff288b8c2f0a0327b9c6f26e77c4c17e66d4889830dd422779ceedd284e5d9f5c440e3772875d3c2a730921be5396c1116af7faec5313565e24b5668074e7acf46ea61b4f3818c7eff0c62979331e57f148ae331cf06d401c367a6d23bda4673799a431ad9faa41adc0d4895e50fb2cc1670813085.m3u8";
} else if (Hls && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource("https://flv0.bn.netease.com/7b6021ff288b8c2f0a0327b9c6f26e77c4c17e66d4889830dd422779ceedd284e5d9f5c440e3772875d3c2a730921be5396c1116af7faec5313565e24b5668074e7acf46ea61b4f3818c7eff0c62979331e57f148ae331cf06d401c367a6d23bda4673799a431ad9faa41adc0d4895e50fb2cc1670813085.m3u8");
hls.attachMedia(document.getElementById("VK7CME4EE"));
}
</script>
<div class="video-info clearfix" style="margin: 16px 0 0 0; height: 20px; line-height: 20px;">
<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 style="text-align: right; float: left; width: 300px;" href="https://www.163.com/v/video/VK7CME4EE.html" target="_blank" class="video-title">防晒饮食攻略:揭秘你意想不到的“光敏”食物</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>
<p><b>主讲嘉宾:左小霞 解放军总医院第八医学中心 营养科主任</b></p>
<p><b><font color="#c00000">夏季防晒,饮食上应该注意什么?</font></b></p>
<p>夏季若不幸晒伤,可食用富含维生素C和β胡萝卜素的食物以助皮肤修复。</p>
<p>值得注意的是,食用光敏性食物会提高被晒黑、晒伤的风险,并可能引发日光性皮炎。以下因素可能导致日光性皮炎:</p>
<ul>
<li>过敏体质的人。</li>
<li>食用了光敏性物质的食物,如芹菜、莴笋、马齿苋、荠菜等蔬菜。</li>
<li>受到太阳光照射。</li>
</ul>
<p>尽管如此,我们并非建议完全避免光敏食物,而是建议选择合适的时间食用。最佳原则是,食用光敏食物后避免外出晒太阳,或选择在晚间食用。</p>
<p><b>往期内容:</b></p>
<ul>
<li><a href="https://jiankang.163.com/22/0519/13/H7O1CMPR0038804H.html" target="_self" urlmacroreplace="false" style="line-height: 1;">大油田们,你们要的夏季皮肤控油“饮食攻略”来了!</a></li>
<li><a href="https://jiankang.163.com/22/0524/17/H85C76NN0038804H.html" target="_self" urlmacroreplace="false" style="line-height: 1;">“水果代替三餐”美颜又减肥?不靠谱!</a></li>
</ul>
<div style="height: 0px; overflow: hidden;"></div>
以上是对原文的改写,包括对CSS样式的优化和对JavaScript代码的简化,同时调整了HTML结构以符合博客发布的排版要求。