銀條紋。在內容區域嵌入2個YouTube視頻在

Question

中顯示相同的視頻我爲客戶開發了一個Silverstripe（3.1）網站。今天，他試圖將第二個YouTube視頻嵌入到CMS中的內容區域（插入媒體>從網絡中粘貼youtube URL>添加URL>插入）。

在CMS中的所見即所得視頻的縮略圖顯示正確，但是在前端的模板中，第一個視頻在第二個視頻的iFrame中重複。

我試着改變這些，刪除兩個視頻，並再次添加他們自己，以消除一些怪胎用戶錯誤，但我可以每次複製這一點。第一個視頻總是在第二個視頻的iFrame中克隆。

我也試着直接用他們嵌入的代碼從YouTube中嵌入視頻，但是這種情況也是一樣的。

檢查iFrames，第二個視頻的src和第一個視頻的src是一樣的，所以我認爲這是與嵌入方式替換文本到模板的方式有關的。

有沒有辦法解決這個問題？

Answer 1

我不知道你是否想走這條路線，但我有多個YouTube視頻的網頁，使用的是擴展DataObject的YouTubeWidget。這會作爲$ has_many添加到頁面類中。看到這個gist-

https://gist.github.com/cmcramer/60b7ff41017b4a633894

從我要點

（修訂版）的代碼片段

class YouTubeEmbed extends DataObject { 

    private static $db = array(
     'YouTubeTitle'  => 'Varchar(255)', 
     'YouTubeId' => 'Varchar(100)', 
    ); 

    private static $has_one = array(
     'PageWithVideo' => 'Page', 
    ); 


    private static $summary_fields = array(
     'YouTubeTitle'      => 'YouTube Video', 
    ); 

    private static $default_sort = array(
     'YouTubeTitle', 
    ); 


    private static $display_fields = array(
     'Title'    => 'YouTube Video', 
     'YouTubeId'   => 'Video ID', 
    ); 



    public function WatchOnYouTubeUrl() { 
     $strUrl = "https://www.youtube.com/watch?v={$this->YouTubeId}"; 
     return $strUrl; 
    } 

    public function VideoIframe() { 

     $strHtml = '<iframe width="' . 
           $this->Width . '" 
          height="' . 
           $this->Height . '" 
          src="https://www.youtube.com/embed/'. 
           $this->YouTubeId . ' 
           ?rel=0&autoplay=1&showinfo=0" 
           frameborder="0"></iframe>' 

     return $strHtml; 
    } 


} 



class VideoPage extends Page { 
    ... 

    private static $has_many = array(
     'Webcams' => 'YouTubeEmbed', 
    );  
    public function getCMSFields() { 
     $fields = parent::getCMSFields(); 

     $fields->addFieldsToTab('Root.Webcams', GridField::create(
      'Webcams', 
      'Webcams', 
      $this->Webcams(), 
      GridFieldConfig_RecordEditor::create() 
     )); 

     return $fields; 
    } 
} 



/* In the template */ 
<div id="webcams"> 
    <% loop $Webcams %> 
     <span class="webcam-block"> 
       $VideoIframe 
       <p>$YouTubeTitle</p> 
     </span><!-- .webcam-block --> 
    <% end_loop %> 
</div>