是否可以設置音頻控制的位置和大小？

我有當控件沒有最初顯示音頻標籤，如果用戶點擊這樣的鏈接上顯示它們：是否可以設置音頻控制的位置和大小？

var audio = document.getElementById(audioId); 
if (audio.paused) { 
    audio.src = clip; 
    audio.play(); 
    audio.setAttribute("controls", "controls"); 
} 
else { 
    audio.removeAttribute("controls"); 
    audio.pause(); 
    audio.currentTime = 0; 
}

剪輯是音頻文件播放的URL。

音頻是這樣的：

<audio id="audio1"></audio>

我怎樣才能設置控件的位置，是否也可以設置其大小？

音頻標籤列表元素的子元素，爲所有其他列表元素，我放置它們如

#track_title { 
    position:absolute; 
    top: 2px; 
    left: 80px; 
    font-size: 15px; 
    font-weight: bold; 
}

來源

2012-09-03 Gruntcakes

沒有辦法通過CSS對HTML5音頻標籤來控制HTML5的音頻播放器控件。儘管您可能想要離開默認控件並通過javascript實現自己的控件。

但是，現在有一個很好的html5可編輯播放器jPlayer，它證明是非常有用的。

來源

2012-09-03 04:03:38 defau1t

謝謝，是不是可以用css定位默認控件的位置？ – Gruntcakes

我也懷疑過。但我強烈建議你通過javascript創建自己的控件。這也將照顧漸進式增強。假設明天更新發布給玩家，並且他們可能會因爲使用css來設計風格來滿足您的當前需求而導致控件崩潰。 – defau1t

您可以使用Media API來構建自己的一組控件，讓您可以像使用CSS一樣通過CSS對其進行設置，就像任何其他HTML元素一樣。我寫了關於如何在Adobe Developer Connection上執行此操作的文章：Working with HTML5 multimedia components – Part 3: Custom controls。

來源

2012-09-03 08:27:53

是否可以設置音頻控制的位置和大小？

回答

相關問題