[英]MediaElement.js audio tag doesn't get style added dynamic
大家好,一個問題...
我想使用MediaElement.js包裝我的音頻標簽,以便在所有瀏覽器上都可以使用相同的播放器...我使用JQM 1.4 ...
當我添加靜態元素時,它可以工作
<audio id="audio_element" preload="none" controls="controls">
<source src="ClassicMelody.mp3">
<source src="ClassicMelody.ogg">
</audio>
但是當我像這樣動態添加它時,它沒有MedialElement樣式:
var content =$('<div data-role="collapsible" id="set"' + naslov + '"><h3><img class="imgg" style="vertical-align: middle;margin-right:30px" src="images/'+slika+'" width="150" height="150" /><span class="titleg" style="display: inline-block; vertical-align: middle">'+ stevilka +'Sectionit ' + naslov + '</span></h3><p>' + kratek + '</p><audio id="audio_element" preload="none" controls="controls"><source src="'+ posneteki +'"><source src="'+ posneteka +'"></audio><a data-ajax="false" href="#" onclick="poslinapri(\''+niz+'\')" class="ui-btn ui-shadow ui-corner-all"><div class="prostor1tr">More</div></a></div>')
$('#set').append(content);
content.collapsible();
有什么可以解決這個問題?
謝謝
動態添加的視頻和音頻標簽應在添加后初始化。
$('#set').append(content).collapsibleset().find('video,audio').mediaelementplayer();
您有兩種解決方案可以實現此目的。
解決方法一:
將內容附加為對象 ,並使用.collapsible()
對其進行增強 。
var content = $( $("<div/>").collapsible() ); $("#parent").append(content);
解決方案二:
在父 div上調用增強功能,以使用.enhanceWithin()
增強所有內容。
var content = $("<div/>"); $("#parent").append(content).enhanceWitin();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.