videojs-playlist不工作

时间:2015-04-15 10:08:36

标签: javascript html css video video.js

我在video.js上使用videojs-playlist插件在我的页面上播放多个视频。视频名称会显示,但是当我点击名称时,它不会更改视频。任何帮助,将不胜感激。我的代码是:

<div class="tab-pane" id="product-video">
    <div class="embed-responsive embed-responsive-16by9">
    <video id="video-playlist" controls preload="metadata"
        poster="https://d1gajuxrsak92a.cloudfront.net/uploads/works/0fe589a84faf71cc83088638937e0456c007f39c/icon/1280Screen%20Shot%202014-09-27%20at%2011.46.35%20PM.jpg" class=" video-js vjs-default-skin" >
        <!--source src="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8" type="application/vnd.apple.mpegurl" /-->
        <source src='https://s3.amazonaws.com/onarbor-previews/uploads/works/7aba13a97d304182e277ca2bdd56c9145678af37/v1/OnarborWriteReviewDemo2.mp4' type="video/mp4">
        <source src="https://s3.amazonaws.com/onarbor-previews/uploads/works/7aba13a97d304182e277ca2bdd56c9145678af37/v1/OnarborWriteReviewDemo2.webm" type="video/webm">
        <source src='https://s3.amazonaws.com/onarbor-previews/uploads/works/7aba13a97d304182e277ca2bdd56c9145678af37/v1/OnarborWriteReviewDemo2.ogv' type="video/ogv">
        </video>
    </div>
    <div id="video-playlist-vjs-playlist" class='vjs-playlist' style='width:100%'>
        <ul>
            <li >
                <a class='vjs-track' href='#episode-0' data-index='0' data-src='https://s3.amazonaws.com/onarbor-previews/uploads/works/7aba13a97d304182e277ca2bdd56c9145678af37/v1/OnarborWriteReviewDemo2'><!--//note in the data-src's above that there are no file extensions, e.g., .m4v-->
                First Casting</a>
            </li>
            <li >
                <a class='vjs-track' href='#episode-1' data-index='1' data-src='https://s3.amazonaws.com/onarbor-previews/uploads/works/3e1f75623064a8aa45bcd66e01f65e1e27736960/v1/onarborScreencast6'><!--//note in the data-src's above that there are no file extensions, e.g., .m4v-->
                Second Casting</a>
            </li>
        </ul>
    </div>
</div>

以下是插件的GitHub:https://github.com/tim-peterson/videojs-playlist

以下是感兴趣的插件的演示:http://tim-peterson.github.io/videojs-playlist/

0 个答案:

没有答案