任何人都可以告訴我如何使這個自動播放?我如何製作圓圈jPlayer自動播放?
$(document).ready(function(){
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
m4a:"x.mp3",
oga: "x.ogg"
}, {
cssSelectorAncestor: "#cp_container_1"
});
});
任何人都可以告訴我如何使這個自動播放?我如何製作圓圈jPlayer自動播放?
$(document).ready(function(){
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
m4a:"x.mp3",
oga: "x.ogg"
}, {
cssSelectorAncestor: "#cp_container_1"
});
});
試試這個(documentation here)已創建您的播放器後:
$('#jquery_jplayer_1').jPlayer("play");
或者實例化的播放器這樣的:
$(document).ready(function() {
$("#jquery_jplayer_1").jPlayer({
ready: function() {
$(this).jPlayer("setMedia", {
m4a:"x.mp3",
oga: "x.ogg"
}).jPlayer("play");
},
swfPath: "/scripts/Jplayer.swf",
supplied: "m4a, oga"
});
});
也許不是最好的解決辦法,但它的工作原理:
[...]
canplay: function() {
$("#jquery_jplayer_1").jPlayer("play");
}
$(document).ready(function() {
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
m4a: "http://www.jplayer.org/audio/m4a/Miaow-07-Bubble.m4a",
oga: "http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"
}, {
cssSelectorAncestor: "#cp_container_1",
canplay: function() {
$("#jquery_jplayer_1").jPlayer("play");
}
});
});
希望我的博客可以幫助您解決問題http://gmarkmananquil.blogspot.com/2012/01/jplayers-circleplayer-ie-issue.html並下載腳本。以上都不適合我,所以請嘗試一下我的工作。
下面是在這個插件實現自動播放的變通我做的,先添加自動播放屬性的默認對象行發現35
defaults = {
// solution: "flash, html", // For testing Flash with CSS3
supplied: "mp3",
solution: "flash,html",
// Android 2.3 corrupts media element if preload:"none" is used.
// preload: "none", // No point preloading metadata since no times are displayed. It helps keep the buffer state correct too.
cssSelectorAncestor: "#cp_container_1",
cssSelector: {
play: ".cp-play",
pause: ".cp-pause"
},
autoplay: false // add this autoplay default to false
},
其次在circleplayer腳本變量,修改腳本線98與此代碼,
if(self.options.autoplay){
$(this).jPlayer("setMedia", self.media).jPlayer('play');
}
else{
$(this).jPlayer("setMedia", self.media);
}
腳本的示例性的使用會是這樣,
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",{
mp3: "music/booty me down.mp3"
}, {
cssSelectorAncestor: "#cp_container_1",
swfPath: "js",
wmode: "window", size : { width:"40px" },
autoplay: true
}
);
僅由鏈接組成的答案通常被認爲是SO上的低質量。請考慮編輯您的答案,以包括您在博客中描述的解決方案的摘要,或者您可能會發現此答案被投票或標記爲刪除。 – joran
感謝joran的提醒...... :) – 1inMillion
我應該在哪裏插入此代碼? –
感謝工作正常,上面的代碼和你的代碼之間的差異是你的代碼播放一次和一次以上連續播放 –
這工作,但上面接受的解決方案並沒有工作! – Xonatron