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

Question

I am working on website using MVC 5 website is actually a video website which is suppose to load CDNSun storage videos.... How can i pass the dynamic link using "videoUrl" parameter..??? code is as follows :

$(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'
    });
});

Controller:

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());
}

Any help or help reference will be appreciated...thanks for your time in advance

its actually an action of controller, and looking for jquery function to pass value or simply any other method to pass dynamic link such as @Model.videoUrl — Suhail Mumtaz Awan, Feb 04 '15 at 12:18
yes i'have tried but it didn't work...some reference files needed for that method??? i mean multi-part type code?? — Suhail Mumtaz Awan, Feb 04 '15 at 12:25

User · Accepted Answer · 2015-02-04T12:50:11.297

Try one of two approaches:

create the value in a tmp javascript variable

<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'
        });
    });

Or just use curly brackets around your Razor code:

<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'
        });
    });

score 2 · Answer 2 · edited Feb 05 '15 at 13:45

Just use @ViewBag.VideoUrl in file and .mp4 should be in videoUrl. Works fine for me, and dont forget to use securetoken for security :-)

$(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"
                },
        });
    });

try to find the key at cdnsun account settings – Feb 05 '15 at 13:54 — , Feb 05 '15 at 13:54

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

2 Answers2