返回列表 發帖
silverwolf11

Rank: 1

帖子
4 
主題
3 
精華
0 
積分
6 
威望
3  
金錢
1  
1# 跳轉到 » 倒序看帖
打印
tT
發表於 2012-9-5 08:03 | 只看該作者

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"的視窗,也沒有執行母視窗的函式....

請幫幫我
應該怎麼解決這些問題
收藏 分享

silverwolf11

Rank: 1

帖子
4 
主題
3 
精華
0 
積分
6 
威望
3  
金錢
1  
2#
發表於 2012-9-6 13:10 | 只看該作者
我自己試了幾個全螢幕(全視窗)語法
<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

wmh

Rank: 9Rank: 9Rank: 9

帖子
763 
主題
210 
精華
2 
積分
232 
威望
232  
金錢
0  
3#
發表於 2012-9-14 08:45 | 只看該作者
Chrome 和 Firefox 有可以用的 API，不過得再 user 操作下才有效果，例如按下按鈕後。

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

TOP

返回列表 回復 發帖