sa系统怎么实现视频直接播放及相关关联内容的显示
一、需求：
1、视频需在主页面点击后直接播放。
2、视频可以左右滑动显示切换、不分页。
3、页面需要显示主讲人、职务及主题等。
4、视频主题下方需要显示该政策相关联的政策原文等。
二、实现步骤：
1、要新增视频模型字段，然后把“$”,替换成/upload。
@if (!string.IsNullOrEmpty(Model.ExtendObject.sp))
{
<video id="my-video" controls preload="auto" width="@ImageWidth" data-setup="{}">
<source src="@Power.Raw(Model.ExtendObject.sp.Replace("$","/upload"))" type="video/mp4">
</video>
}2、根据Model获取相关的关联信息。 @{
var list = new ArticleService().GetRelatedContentList(Model).ToList();
if (list.Any())
{
<div>
<div>相关链接</div>
<dl id="relatedContent">
@foreach (var item in list)
{
var itemUrl = string.IsNullOrEmpty(item.LinkUrl) ? PathHelper.GetContentUrl(item.ContentRouteUrl,
null) : PathHelper.GetContentUrl(item.LinkUrl);
<dd>
<a href="@itemUrl" target="@target">@item.Title</a>
</dd>
}
</dl>
</div>
}
}最后要注意的就是视频在切换的时候，要先把所有视频暂停，不然视频会一直播放，效果就不是很好了。