Ankündigung

Einklappen
Keine Ankündigung bisher.

HTML5 Videos mit Dateiauswahl-Attribute (CE/CC)

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • HTML5 Videos mit Dateiauswahl-Attribute (CE/CC)

    Ich möchte gerne im Customcatalog pro Produkt ein Video einbinden. Das Video müsste HTML5 konform sein. Ich habe gesehen, dass es Video als Attributtyp im CC leider nicht gibt. Kann mir jemand helfen?

  • #2
    Dafür kannst du ein Dateiauswahl-Attribut nutzen und ein kleines Attribute-Template, das die Files als <video> ausgibt.

    Code:
      <?php
      $arrValues = StringUtil::deserialize($this->rawValue);
      if( is_array($arrValues) === false )
      {
      $arrValues = explode(',',$arrValues);
      }
      $objModels = FilesModel::findMultipleByIds( StringUtil::deserialize($this->rawValue) );
      ?>
      <?php if( $objModels === null ): ?>
      <p class="info">Keine Videos ausgewählt</p>
      <?php else: ?>
      <div <?=$this->cssID; ?>class="<?=$this->class;?>">
      <video id="video_<?=$this->id;?>"class="video"controlsplaysinlineloopposter="">
      <?php foreach($objModels as $objModel): ?>
      <source src="<?=$objModel->path;?>"type="video/<?=$objModel->__get('extension');?>">
      Your browser does not support the video tag.
      <?php endforeach; ?>
      </video>
      </div>
      <?php endif; ?>
     
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      Super, scheint geklappt zu haben.

      Wie kann ich das Video via Link in einer Lightbox aufrufen? Mit folgendem Code wird es direkt abgespielt: <?php echo $entry->field('video')->html(); ?>

      Kannst du mir helfen?

      Kommentar


      • #4
        Zitat von janineiten Beitrag anzeigen
        Super, scheint geklappt zu haben.

        Wie kann ich das Video via Link in einer Lightbox aufrufen? Mit folgendem Code wird es direkt abgespielt: <?php echo $entry->field('video')->html(); ?>

        Kannst du mir helfen?
        Schau dafür das customelement_hyperlink_lightbox_video Template einmal an. Das macht es vor.

        Video in Lightbox

        Code:
          <?php
          $arrValues = StringUtil::deserialize($this->rawValue);
          if( is_array($arrValues) === false )
          {
          $arrValues = explode(',',$arrValues);
          }
          $objModels = FilesModel::findMultipleByIds( StringUtil::deserialize($this->rawValue) );
          ?>
          <?php if( $objModels === null ): ?>
          <p class="info">Keine Videos ausgewählt</p>
          <?php else: ?>
          <div <?=$this->cssID; ?>class="<?=$this->class;?>">
          <a class="hyperlink_attr_<?=$this->id;?>"href="">
          <svg height="100px" width="100px" version="1.1" id="layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 98.991 98.99" enable-background="new 0 0 98.991 98.99" xml:space="preserve">
          <polygon fill="#000000" points="41.926,37.291 63.065,49.495 41.926,61.699 "/>
          <circle fill="none" stroke="#000000" stroke-width="2" stroke-miterlimit="10" cx="49.495" cy="49.495" r="48.495"/>
          </svg>
          </a>
            <div style='display:none'>
          <div id="inlinevideocontent_<?=$this->id;?>"class="inlinevideocontent">
          <video id="video_<?=$this->id;?>"class="video"controls>
          <?php foreach($objModels as $objModel): ?>
          <source src="<?=$objModel->path;?>"type="video/<?=$objModel->__get('extension');?>">
          Your browser does not support the video tag.
          <?php endforeach; ?>
          </video>
          </div>
          </div>
          </div>
            <script>
          //<![CDATA[
          jQuery(document).ready(function()
          {
          jQuery(".hyperlink_attr_<?=$this->id;?>").colorbox({inline:true, width:"auto", height:"auto", maxWidth:"900px", href:"#inlinevideocontent_<?=$this->id;?>"});
          });
          //]]>
          </script>
            <?php endif; ?>
         
        Zuletzt geändert von Tim; 17.09.2020, 07:19.
        http://www.premium-contao-themes.com

        Kommentar


        • #5
          Hallo Tim, das hat grossartig geklappt. Herzlichen Dank.

          Kommentar

          Lädt...
          X