天天看点

video.js动态设置视频的播放地址。

小白想通过js动态设置video的播放地址,饶了一天,终于走出坑,下面是解决的方法

js中

var videoUrl=var videoUrl="/file/"+row.path.substring(row.path.lastIndexOf("\\")+1); //此处填写你的视频地址

            alert("videoUrl==="+videoUrl);

            var myPlayer = videojs('my-video');

            videojs("my-video").ready(function() {

                var myPlayer = this;

                myPlayer.src(videoUrl);

                myPlayer.autoplay();

            });

jsp页面中

<div >

                        <video id="my-video" class="video-js vjs-big-play-centered "

                            width="800px" height="450"

                            data-setup="{}"> <source src="" class="ms_4"

                            type="video/mp4">

                        <p class="vjs-no-js">

                            To view this video please enable JavaScript, and consider

                            upgrading to a web browser that <a

                                href="http://videojs.com/html5-video-support/" target="_blank" rel="external nofollow" target="_blank">supports

                                HTML5 video</a>

                        </p></video>

                    </div>