Grails/HTML：在同一輪播中顯示圖像和視頻

-1

我通過AWS S3將內容上傳到我的網絡應用程序，並且無法在同一個輪播中顯示圖像和視頻。Grails/HTML：在同一輪播中顯示圖像和視頻

下面的代碼是我的傳送帶導航器，下面是顯示的實際全尺寸圖像。

<div class="content"> 

      <div class="slider-nav"> 
       <g:each in="${event.contents}" var="content"> 
        <img height = "50px" class = "event-content" src = "${content.url}" /> 
       </g:each> 
      </div> 

      <div class="content-holder"> 
       <div class="slider-for"> 

        <g:each in="${event.contents}" var="content"> 
         <img class = "event-content" src = "${content.url}" /> 
        </g:each> 
       </div> 
      </div> 
     </div

正如您所看到的，它正在遍歷我的內容表並將圖像src設置爲在其中找到的網址。我想要將圖像和視頻放在同一個輪播中，但我無法弄清楚如何操作。

讚賞任何幫助或替代想法。

來源

2017-04-25 Tyrone Stock

那麼，你有什麼上面的作品，但你想添加視頻到混合？視頻來自哪裏？ –

是的，視頻來自AWS上的同一個存儲分區。每個事件都會創建一個存儲桶子目錄，每個事件都會包含所有的內容 –

因此，基本上我希望某種if語句來檢查它是否爲或

下面的情況如何。如果您要向mp4顯示其他視頻格式，則必須更改g：if測試。

<g:each in="${event.contents}" var="content"> 
     <g:if test="${content.url.endsWith('.mp4')}"> 
      <video controls> 
       <source src="${content.url}" type="video/mp4"> 
      </video> 
     </g:if> 
     <g:else> 
      <img src="${content.url}" /> 
     </g:else> 
     <br> 
    </g:each>

來源

2017-04-27 07:05:41

完美。謝謝 –

Grails/HTML：在同一輪播中顯示圖像和視頻

回答

相關問題