Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript videojs播放列表不工作_Javascript_Html_Css_Video_Video.js - Fatal编程技术网

Javascript videojs播放列表不工作

Javascript videojs播放列表不工作,javascript,html,css,video,video.js,Javascript,Html,Css,Video,Video.js,我正在使用video.js上的videojs播放列表插件在我的页面上播放多个视频。视频的名称会显示出来,但当我单击名称时,它不会更改视频。任何帮助都将不胜感激。我的代码是: <div class="tab-pane" id="product-video"> <div class="embed-responsive embed-responsive-16by9"> <video id="video-playlist" controls preload=

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

<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:


以下是该插件的演示,供感兴趣的用户使用:。

您的控制台中是否显示了任何错误?您能否提供一个工作示例供我们查看,因为您粘贴的标记似乎与您链接的演示中的标记完全相同。是的,有一个错误:“chrome”-extension://ifalmiidchkjjmkkbkoaibpmoeichmki/bower_components/jquery/dist/jquery.min.map 未能加载资源:net::ERR_FILE_NOT_FOUND”。下面是一个有效的例子:。对不起,我在这里的措辞很糟糕。关于“工作示例”,我在一个页面上讨论了一个示例,我们可以在这里看到您的体验。因此,对于这个错误,一个代码不起作用的示例,这不应该是这里的问题,请参阅下面的问题以澄清问题(),感谢您的澄清。我想他所说的“工作榜样”是什么意思。是的,现在我想起来了,我读到了jquery.min.map错误。没什么大不了的。