目錄
目錄X
sa系統(tǒng)怎么實現(xiàn)視頻直接播放及相關(guān)關(guān)聯(lián)內(nèi)容的顯示
一、需求：
1、視頻需在主頁面點擊后直接播放。
2、視頻可以左右滑動顯示切換、不分頁。
3、頁面需要顯示主講人、職務(wù)及主題等。
4、視頻主題下方需要顯示該政策相關(guān)聯(lián)的政策原文等。
二、實現(xiàn)步驟：
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、根據(jù)Model獲取相關(guān)的關(guān)聯(lián)信息。 @{
var list = new ArticleService().GetRelatedContentList(Model).ToList();
if (list.Any())
{
<div>
<div>相關(guān)鏈接</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>
}
}最后要注意的就是視頻在切換的時候，要先把所有視頻暫停，不然視頻會一直播放，效果就不是很好了。
