頁面加載后觸發點擊功能
[英]Trigger click function after page load
問題描述
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$( document ).ready(function() {
$('#play')[0].click();//initial click on 'play' button to play music which doesn't seem to be working...
$('#play').on('click',function(){
$("#Audio1")[0].play();
})
});
</script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<audio id="Audio1" controls="controls"
src="http://themes.rascals.eu/eprom/dark/wp-content/uploads/2012/11/Madoff-Bomp.mp3" type="audio/mp3" >
</audio>
HTML5 Audio is required for this example.
<input type="button" id="play" value="play" />
</body>
</html>
我想在“播放”按鈕上觸發點擊事件以播放音樂。
我需要這樣操作，因為“自動播放”不適用於移動設備。
由於數據問題，默認情況下將其禁用。
我在http://makandracards.com/makandra/13893-autoplay-html5-audio-in-chrome-for-android-mobile-safari-in-ios中找到了這篇文章，發現他是對的，好像我擊中了這出戲手機上的按鈕，音樂正在按預期播放。
頁面加載后，我想觸發此按鈕。 它不起作用，但是如果我在控制台中運行相同的js，它將起作用。
編輯1
根據評論中給出的建議，我已經嘗試過了，但是還是沒有運氣。
$(document).ready(function() {
$('#play').on('click', function() {
$("#Audio1")[0].play();
})
$('#play')[0].click(); //initial click on 'play' button to play music which doesn't seem to be working...
});
1 個解決方案
解決方案1
0 2016-02-14 12:30:04
您需要在點擊操作之前注冊點擊事件：
<script type="text/javascript">
$(document).ready(function() {
$('#play').on('click',function(){
$("#Audio1")[0].play();
});
$('#play')[0].click();//initial click on 'play' button to play music which doesn't seem to be working...
});
</script>
編輯
問題不在於您的點擊操作。 單擊事件按預期方式工作，但是Apple專門禁用了自動播放，直到用戶通過用戶操作（用戶點擊播放按鈕）將其啟動為止，如本文所述：
如果你做你的輸出<audio>元素，你會看到， paused你的財產<audio>將自動設置為'true'在呈現。
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#play').on('click',function(event){
$("#Audio1")[0].play();
var myplay = document.getElementById('Audio1');
var log = document.getElementById('screenlog');
for (var prop in myplay) {
log.innerHTML += prop + ":" + myplay[prop] + "<br>";
}
});
$('#play')[0].click();
});
</script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<audio id="Audio1" controls="controls"
src="http://themes.rascals.eu/eprom/dark/wp-content/uploads/2012/11/Madoff-Bomp.mp3" type="audio/mp3" >
</audio>
HTML5 Audio is required for this example.
<div id="screenlog"></div>
<input type="button" id="play" value="play" />
</body>
</html>
載入頁面后觸發點擊
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.