<style>
/* CSS for video information and list styling */
#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");
}
</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="VLO7SIDFG" preload="true" controlslist="nodownload" width="100%" height="100%" controls="controls" style="object-fit: contain;" poster="http://videoimg.ws.126.net/cover/20250224/8zkKcOj7g_cover.jpg" data-vid="VLO7SIDFG" alt="“养老探访系列之00后眼中的养老”第一期"></video>
</div>
<script>
if (/mp4$/.test("https://flv0.bn.netease.com/7b6021ff288b8c2f367b84e1b836621e777b04d24c8e0d489359337d5e91394f47c86e9faa749aac1b751c450d31ba80ba814ac510c61af9d7656de1501763863f41e7381942c4d3f0d3cf44a50d3bc2a5b28696315a0ebfd5ca032d271f33717fed69ce80b9c948ae97f0a2d023d214ce83876e5a16db60.m3u8")) {
document.getElementById("VLO7SIDFG").src = "https://flv0.bn.netease.com/7b6021ff288b8c2f367b84e1b836621e777b04d24c8e0d489359337d5e91394f47c86e9faa749aac1b751c450d31ba80ba814ac510c61af9d7656de1501763863f41e7381942c4d3f0d3cf44a50d3bc2a5b28696315a0ebfd5ca032d271f33717fed69ce80b9c948ae97f0a2d023d214ce83876e5a16db60.m3u8";
} else if (Hls && Hls.isSupported()) {
var hls = new Hls();
hls.loadSource("https://flv0.bn.netease.com/7b6021ff288b8c2f367b84e1b836621e777b04d24c8e0d489359337d5e91394f47c86e9faa749aac1b751c450d31ba80ba814ac510c61af9d7656de1501763863f41e7381942c4d3f0d3cf44a50d3bc2a5b28696315a0ebfd5ca032d271f33717fed69ce80b9c948ae97f0a2d023d214ce83876e5a16db60.m3u8");
hls.attachMedia(document.getElementById("VLO7SIDFG"));
}
</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/VLO7SIDFG.html" target="_blank" class="video-title">“养老探访系列之00后眼中的养老”第一期</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;">
<!-- List of videos goes here -->
</ul>
</div>
</div>
</div>
<p>当谈及养老院,你的脑海中浮现的是怎样的画面?是虐待老人的令人痛心的新闻,还是那种充满孤独和无助的氛围?养老生活真的只能是老年时的一种无奈选择吗?</p>
<p>养老,或许并非生命旅程的终点,而是一种全新的生活篇章的开始!网易健康特别策划的“养老探访系列之00后眼中的养老”第一期,带您走进北京市海淀区马连洼养老照料中心,跟随00后的视角,共同体验真实养老生活的一天。</p>
<!-- Additional spacing for better readability -->
<div style="height: 20px;"></div>
请注意,我已经对HTML和CSS进行了重新排版,以增强其可读性和在博客发布时的格式。同时,我也添加了一些额外的空白,以改善布局和阅读体验。