http://www.lifeisartphoto.com/player/jQuery UI的标签不jwplayer的JavaScript
我试图让使用从jQuery UI选项卡一个简单的HTML5的友好视频/照片库的工作。视频始终显示在选项卡1中,而照片则分别显示在随后的选项卡中(如果有3张照片,则使用选项卡2,选项卡3和选项卡4)。每个视频/照片的缩略图显示在标签下方并控制导航。
视频都在他们自己的标签中,因为我使用jw播放器,如果不需要输出多个播放器,则不需要输出多个播放器。所以我已经添加onclick到每个视频缩略图,它控制改变和通过JavaScript播放jwplayer。
唯一的问题是,使用<a href="#tab-1" onclick="jwplayer-javascript">thumbnail</a>
似乎不起作用 - 这就像href干扰onclick的JavaScript。
复制此问题: 访问该页面与画廊:http://www.lifeisartphoto.com/player/ 第一视频将加载(它有时可能慢) 点击任何照片缩略图 单击后退到秒的视频(第二个缩略图) - 它加载第一个视频!如果你再次点击它,它会加载正确的视频。
我想我有一个问题,改变标签,并试图在同一时间运行一些jwplayer的JavaScript - 有什么办法让它的工作,使视频加载正确,而只需要选择一次?
有趣的,我认为这使我在正确的轨道上 - 我不知道它在Chrome中工作。我认为这是一个时间问题 - 因为每次我点击包含它的选项卡时,玩家似乎都会从头开始加载,我猜测玩家没有及时加载用于设置其新视频以正常运行的javascript 。我尝试使用最新的jQuery库,并将onclick代码放入.click()事件中 - 结果相同。接下来我会尝试手动强制事件发生! –