<div class="myMedia" id="myMedia">    <video poster="{{=data.pic}}" data-config='{"mediaTitle": "{{=data.title}}"}'>        <source id="mySource{{=data.id}}" src="{{=data.videos}}" type="video/mp4" >    </video></div><div class="myMedia" id="myMedia">    <video poster="{{=data.pic}}" data-config='{"mediaTitle": "{{=data.title}}"}'>        <source id="mySource{{=data.id}}" src="{{=data.videos}}" type="video/mp4" >    </video></div><div class="myMedia" id="myMedia">    <video poster="{{=data.pic}}" data-config='{"mediaTitle": "{{=data.title}}"}'>        <source id="mySource{{=data.id}}" src="{{=data.videos}}" type="video/mp4" >    </video></div>如上代碼，用dot.js渲染模板，js如何循環如上視頻列表？var myMedia = document.getElementsByClassName("myMedia");for (var i = 0, len = myMedia.length; i < len; i++) {}如何把視頻列表循環出來？ 然后獲得<source>里的src值呢？