背景:使用选项卡切换,每个切换内容中插入一个优酷视频,点击开始播放其中一个视频时,再切换到另一个选项卡播放另一个视频时,之前播放的那个视频不会停止,仍然在播放,这样就造成了多个视频在同时播放,画面虽然可以正常切换,但是声音混在一起。
解决思路:切换到当前选项卡时,通过JS把其它的选项卡内容里面的优酷地址清空,切换到哪个选项卡再把当前的内容里面的优酷地址加上。
HTML代码部分:
<div class="slideBox3">
<div class="hd">
<ul>
<li class="yuanjiao45" data-li="1">Test Video 08</li>
<li class="yuanjiao45" data-li="2">Test Video 07</li>
<li class="yuanjiao45" data-li="3">Test Video 06</li>
<li class="yuanjiao45" data-li="4">Test Video 05</li>
<li class="yuanjiao45" data-li="5">Test Video 04</li>
</ul>
</div>
<div class="bd">
<ul id&