返回列表 發帖

js全螢幕及音樂控制問題

問題範例:https://www.dropbox.com/sh/se50ryi0igb4n16/K5aT3AslIS/qq.rar

Q1:如何讓網頁一開啟就呈現全螢幕?
在範例aa.html裡我的寫法是
<script language="JavaScript">
window.moveTo(0, 0);
window.resizeTo(window.screen.availWidth, window.screen.availHeight);
</script>
但只有IE成功,其他像chrome. firefox. opera都不會自動全螢幕...

Q2.音樂控制問題
先說說我想呈現的效果
範例aa.html打開後會播放背景音樂a.mp3
點選連結"播放音樂B"會開一個新視窗
這時音樂a.mp3會關閉改播b.mp3
當關閉新視窗後
音樂又會從b.mp3改回a.mp3
可以用IE看看,IE可以順利執行
但除了IE其他瀏覽器都沒有成功.....

chrome--
一開啟頁面a.mp3和b.mp3都開始播,我明明關閉b.mp3的自動播放功能,為什麼會這樣???
而且關閉"播放音樂B"的視窗後,並沒有執行母視窗的函式

firefox--
沒有出現背景音樂....但關閉"播放音樂B"的視窗後,有執行母視窗的函式alert

opera--
沒出現音樂,關閉"播放音樂B"的視窗,也沒有執行母視窗的函式....

請幫幫我
應該怎麼解決這些問題

Chrome 和 Firefox 有可以用的 API,不過得再 user 操作下才有效果,例如按下按鈕後。

參考這段範例:
var el = document.documentElement, 
    rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen;
rfs.call(el);
To infinity and beyond!

TOP

我自己試了幾個全螢幕(全視窗)語法
<script language="JavaScript">
window.open("index.html","","fullscreen,scrollbars");
</script>
如IE F11的全螢幕效果,但只適用IE,其他瀏覽器不支援...

全視窗
window.moveTo(0, 0); 
window.resizeTo(window.screen.availWidth, window.screen.availHeight);
但上方的工作列一堆,不知怎麼關閉那些工作列...
既然無法做到全螢幕,至少版面也要乾淨點!!
<script language="JavaScript">
   window.open("index.html","","width="+screen.width+",height="+screen.height +",left=0,top=0");
   window.open('','_parent','');  
   window.opener = null;
   window.close();
</script>
在IE裡呈現了我想要的結果~~
但是!!!!
在 chrome 和 firefox 下 index.html 被瀏覽器攔截掉....

請問有辦法避免這些問題或是有其它呈現語法嗎??
感謝!!

TOP

返回列表 回復 發帖