小编ogd*_*bou的帖子

我有一个小型 video.js 播放器，而且我是网络开发的新手。我希望它读取我的本地视频，但我收到一条消息：“抱歉，找不到该视频的兼容源和播放技术。”

但是：如果我使用 video.js 给出的外部链接作为示例，我可以阅读视频。

我下载了一些示例来尝试。OGV 可以在我下载的网站上运行。但是当我尝试使用自己的方法时，它不起作用并显示相同的错误。

这是 .jsp 代码：

   <div id="videoPlayer">
        <video id="videoClip" class="video-js vjs-default-skin"
               controls preload="auto" width="640" height="360"
               poster="http://video-js.zencoder.com/oceans-clip.png"
               data-setup='{"example_option":true}'>


            <source src="/home/ogda/Bureau/war/src/main/resources/small.ogv type=video/ogg" />
        </video>
    </div>


    <script type="text/javascript" language="javascript">
        var videoPlayer = videojs("videoClip");
        videoPlayer.on("pause", changeVideo);
        //videoPlayer.src("/home/ogda/Bureau/war/src/main/resources/lol.mp4");
        videoPlayer.play();
    </script>

谢谢 ！

编辑：答案

评论者是对的。解决方案很简单，就是将视频放在网络服务器上！

我使用ul和制作了一个菜单栏，li我希望一些onClick事件链接到JavaScript函数。

但这不起作用，单击菜单根本没有任何作用。

该函数在我已经使用的JS文件上，并且我在另一个元素上对其进行了测试，看来id仅在我的内部不起作用li。

这是HTML：

<div id="header">
    <div id="titleContainer">
        blablabl
    </div>
    <ul id="menuContainer">
        <li class="menuItem" id="videoMenu">
            <a href="#" onClick="showAbout2();"> Video</a>
        </li>
        <li class="menuItem" id="playlistMenu">
            Playlist
        </li>
        <li class="menuItem" id="aboutMenu">
            About
        </li>
        <li class="menuItem" id="controlsMenu">
            Controls
        </li>
    </ul>
</div>

CSS：

<div id="header">
    <div id="titleContainer">
        blablabl
    </div>
    <ul id="menuContainer">
        <li class="menuItem" id="videoMenu">
            <a href="#" onClick="showAbout2();"> Video</a>
        </li>
        <li class="menuItem" id="playlistMenu">
            Playlist
        </li>
        <li class="menuItem" id="aboutMenu">
            About
        </li>
        <li class="menuItem" id="controlsMenu">
            Controls
        </li>
    </ul>
</div>

JS： …