由于采用iframe所以无法使用播放器的全屏按钮，所以只能在视频下方增加一个全屏按钮
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
function open_in_new_window(){ console.log('open_in_new_window start!'); var insertHtml ='<div class="fn"><a href="http://v.rpsofts.com/i.php?url=' +document.location.href +'" target="_blank"><div class="playstat" data-stat-role="ck"><span class="ico"><i class="ico-fn-VR ico-fn-VR-hashover"></i></span><span class="stat" id="videoTotalPV">全屏</span></div></a></div>' var newNode = document.createElement("div"); newNode.setAttribute("class","fn-stat"); newNode.innerHTML=insertHtml; var insertNode = document.getElementsByClassName('fn-wrap')[0]; insertNode.appendChild(newNode); console.log('open_in_new_window done!'); } open_in_new_window() |
不过目前有一个问题就是打开全屏新窗口之后，原来的视频依旧在播放。体验太差，得想个办法把原来播放的视频停掉，看了下Console，发现播放器是通过POST进行通信的，感觉有点麻烦。干脆直接想个办法把播放器节点删除算了。
There are no comments yet