javascript - JWPlayer 控制栏导致回传

Question

当用户点击播放/暂停、音量或全屏按钮时，页面会进行回发。这已在 Chrome 23、IE 9、Safari 5 中出现，适用于 Windows 和 Mac。 Firefox 17 和 Opera 12 都可以。最好的可能是 Safari 中的全屏模式。

这是我用来嵌入视频的代码:

<div id='my-video'></div>
<script type='text/javascript'>
    jwplayer('my-video').setup({
         file: '/videos/Penultimate_Md.mp4',
         image: '/videos/penultimate_first.png',
         width: '480',
         height: '270',
         });
</script>

如何解决？这只是一个与我无关的错误吗？

确认

这是 HTML5 视频播放器中的一个错误。控制栏输入都是 html 按钮，这会导致 ASP 验证器触发(感谢@Lando 指出)。 Longtail 说它将在下一个版本中修复。如果用户安装了 Flash，添加 primary: flash, 将起作用。

Answer 1

我认为 Mike 的问题是 jwplayer 尚未完成加载。只需在播放器加载后将其添加到事件中即可。这在我的代码中有效

    <div id="my-video">Loading the player...</div>
    <script type='text/javascript'>
        $(document).ready(function () {
            jwplayer('my-video').setup({
                playlist: [{
                    sources: [{ file: 'SampleVideo.mp4' }]
                }]
            });
            jwplayer().onReady(function (event) {
                $('#my-video button').on('click', function (event) { return false; });
                alert('Ready');
            });
        });
    </script>