如何使用 jquery 将动态 link 传递给 mvc 5 中的 jwPlayer

Question

我在网站上工作 MVC 5 网站实际上是一个视频网站，应该加载 CDNSun 存储视频.... 我如何使用 "videoUrl" 参数传递动态 link..？？？代码如下：

$(document).ready(function () {
    jwplayer('mediaplayer').setup({
        'file': 'rtmp://872083564.r.cdnsun.net/872083564/_definst_/
                   mp4:872083564/(here i want to put videoUrl).mp4',
        'title': 'Title',
        'description': 'Description',
        'controlbar': 'bottom'
    });
});

控制器：

public ActionResult EpisodeList(Guid? id)
{
    IQueryable<VideoEpisodeDM> episodesdm = db.VideoEpisode
        .Where(ve => ve.VideoId == id);

    string video;

    foreach (var item in episodesdm)
    {
        video = item.Title;
        ViewBag.VideoUrl = item.VideoUrl;
    }


    return View(episodesdm.ToList());
}

任何帮助或帮助参考将不胜感激...感谢您提前抽出时间

Answer 1

尝试以下两种方法之一：

在 tmp javascript 变量中创建值

<script type="text/javascript">
    $(document).ready(function () {
        var tmpVideo = "@iewBag.VideoUrl";
        tmpVideo = "872083564/" + tmpVideo + ".mp4";
        jwplayer('mediaplayer').setup({
            'file': 'rtmp://872083564.r.cdnsun.net/872083564/_definst_/
                   mp4:tmpVideo,
            'title': 'Title',
            'description': 'Description',
            'controlbar': 'bottom'
        });
    });

或者只是在您的 Razor 代码周围使用大括号：

<script type="text/javascript">
   $(document).ready(function () {
        jwplayer('mediaplayer').setup({
            'file': 'rtmp://872083564.r.cdnsun.net/872083564/_definst_/
                       mp4:872083564/@{ViewBag.VideoUrl}.mp4',
            'title': 'Title',
            'description': 'Description',
            'controlbar': 'bottom'
        });
    });

Answer 2

只需在文件中使用 @ViewBag.VideoUrl，.mp4 应该在 videoUrl 中。对我来说很好用，不要忘记使用 securetoken 来保证安全 :-)

$(document).ready(function () {
        jwplayer('mediaplayer').setup({
            'file': 'rtmp://872083564.r.cdnsun.net/872083564/_definst_/
                       mp4:872083564/@ViewBag.VideoUrl',
            'title': 'Title',
            'description': 'Description',
            'controlbar': 'bottom',
    rtmp: {
                    securetoken: "some generated key"
                },
        });
    });

如何使用 jquery 将动态 link 传递给 mvc 5 中的 jwPlayer

How to pass dynamic link to jwPlayer in mvc 5 using jquery

javascript

jquery

asp.net-mvc-5

jwplayer

jwplayer6