HTML5 Videos mit Dateiauswahl-Attribute (CE/CC)

[janineiten]

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?

[Tim]

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

 [COLOR=#333333][SIZE=11px] [COLOR=#878787]<?php[/COLOR]
  [COLOR=#8735a5]$arrValues[/COLOR] [COLOR=#000000]=[/COLOR] StringUtil[COLOR=#000000]::[/COLOR][COLOR=#3f6e7d]deserialize[/COLOR]([COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->rawValue[/COLOR]);
  [COLOR=#0045aa]if[/COLOR][COLOR=#000000]([/COLOR] [COLOR=#400080]is_array[/COLOR]([COLOR=#8735a5]$arrValues[/COLOR]) [COLOR=#000000]===[/COLOR] [COLOR=#007ab7]false[/COLOR] [COLOR=#000000])[/COLOR]
  [COLOR=#000000]{[/COLOR]
  [COLOR=#8735a5]$arrValues[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#400080]explode[/COLOR]([COLOR=#dd2400]','[/COLOR],[COLOR=#8735a5]$arrValues[/COLOR]);
  [COLOR=#000000]}[/COLOR]
  [COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]=[/COLOR] FilesModel[COLOR=#000000]::[/COLOR][COLOR=#3f6e7d]findMultipleByIds[/COLOR]( [COLOR=#8735a5]$arrValues[/COLOR] );
  [COLOR=#8735a5]$objRow[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->attribute->[/COLOR][COLOR=#3f6e7d]get[/COLOR]([COLOR=#dd2400]'objActiveRecord'[/COLOR]);
    [COLOR=#8735a5]$lightboxId[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#dd2400]'lb_'[/COLOR][COLOR=#000000].[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id[/COLOR][COLOR=#000000].[/COLOR][COLOR=#dd2400]'_'[/COLOR][COLOR=#000000].[/COLOR][COLOR=#8735a5]$objRow[/COLOR][COLOR=#000000]->id[/COLOR];
  [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]if[/COLOR][COLOR=#000000]([/COLOR] [COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]===[/COLOR] [COLOR=#007ab7]null[/COLOR] [COLOR=#000000])[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<p [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"info"[/COLOR][COLOR=#0045aa]>[/COLOR]Keine Videos ausgewählt[COLOR=#0045aa]</p>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]else[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<div [/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->cssID[/COLOR][COLOR=#0045aa]; [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->class;[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<a [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"hyperlink_attr_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]href=[/COLOR][COLOR=#5d8f00]""[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<svg[/COLOR] [COLOR=#007ab7]height=[/COLOR][COLOR=#5d8f00]"100px"[/COLOR] [COLOR=#007ab7]width=[/COLOR][COLOR=#5d8f00]"100px"[/COLOR] [COLOR=#007ab7]version=[/COLOR][COLOR=#5d8f00]"1.1"[/COLOR] [COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"layer_1"[/COLOR] [COLOR=#007ab7]xmlns=[/COLOR][COLOR=#5d8f00]"http://www.w3.org/2000/svg"[/COLOR] [COLOR=#007ab7]xmlns:xlink=[/COLOR][COLOR=#5d8f00]"http://www.w3.org/1999/xlink"[/COLOR] [COLOR=#007ab7]x=[/COLOR][COLOR=#5d8f00]"0px"[/COLOR] [COLOR=#007ab7]y=[/COLOR][COLOR=#5d8f00]"0px"[/COLOR] [COLOR=#007ab7]viewBox=[/COLOR][COLOR=#5d8f00]"0 0 98.991 98.99"[/COLOR] [COLOR=#007ab7]enable-background=[/COLOR][COLOR=#5d8f00]"new 0 0 98.991 98.99"[/COLOR] [COLOR=#007ab7]xml:space=[/COLOR][COLOR=#5d8f00]"preserve"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<polygon[/COLOR] [COLOR=#007ab7]fill=[/COLOR][COLOR=#5d8f00]"#000000"[/COLOR] [COLOR=#007ab7]points=[/COLOR][COLOR=#5d8f00]"41.926,37.291 63.065,49.495 41.926,61.699 "[/COLOR][COLOR=#0045aa]/>[/COLOR]
  [COLOR=#0045aa]<circle[/COLOR] [COLOR=#007ab7]fill=[/COLOR][COLOR=#5d8f00]"none"[/COLOR] [COLOR=#007ab7]stroke=[/COLOR][COLOR=#5d8f00]"#000000"[/COLOR] [COLOR=#007ab7]stroke-width=[/COLOR][COLOR=#5d8f00]"2"[/COLOR] [COLOR=#007ab7]stroke-miterlimit=[/COLOR][COLOR=#5d8f00]"10"[/COLOR] [COLOR=#007ab7]cx=[/COLOR][COLOR=#5d8f00]"49.495"[/COLOR] [COLOR=#007ab7]cy=[/COLOR][COLOR=#5d8f00]"49.495"[/COLOR] [COLOR=#007ab7]r=[/COLOR][COLOR=#5d8f00]"48.495"[/COLOR][COLOR=#0045aa]/>[/COLOR]
  [COLOR=#0045aa]</svg>[/COLOR]
  [COLOR=#0045aa]</a>[/COLOR]
    [COLOR=#0045aa]<div [/COLOR][COLOR=#007ab7]style=[/COLOR][COLOR=#5d8f00]'[/COLOR][COLOR=#5d8f00]display:none[/COLOR][COLOR=#5d8f00]'[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<div [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"inlinevideocontent_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"inlinevideocontent"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<video [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"video_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"video"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]controls[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]autoplay[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]foreach[/COLOR][COLOR=#000000]([/COLOR][COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]as[/COLOR] [COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000])[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<source [/COLOR][COLOR=#007ab7]src=[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000]->path;[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]type=[/COLOR][COLOR=#5d8f00]"video/[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000]->[/COLOR][COLOR=#3f6e7d]__get[/COLOR][COLOR=#000000]([/COLOR][COLOR=#dd2400]'extension'[/COLOR][COLOR=#000000]);[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]endforeach[/COLOR]; [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  Your browser does not support the video tag.
  [COLOR=#0045aa]</video>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
    [COLOR=#0045aa]<script>[/COLOR]
  [COLOR=#197020]//<![CDATA[[/COLOR]
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]document[/COLOR]).[COLOR=#3f6e7d]ready[/COLOR]([COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#0045aa]var[/COLOR] [COLOR=#000000]video[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#000000]document[/COLOR].[COLOR=#3f6e7d]getElementById[/COLOR]([COLOR=#dd2400]"video_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]);
  [COLOR=#0045aa]if[/COLOR]( [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]video[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'autoplay'[/COLOR]) )
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#000000]muted[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#007ab7]true[/COLOR];
  }
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]".hyperlink_attr_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]).[COLOR=#3f6e7d]colorbox[/COLOR](
  {
  inline:[COLOR=#007ab7]true[/COLOR], width:[COLOR=#dd2400]"80%"[/COLOR], height:[COLOR=#dd2400]"auto"[/COLOR], maxWidth:[COLOR=#dd2400]"900px"[/COLOR], href:[COLOR=#dd2400]"#inlinevideocontent_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR],
  [COLOR=#3f6e7d]onOpen[/COLOR]: [COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#0045aa]if[/COLOR]( [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]video[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'autoplay'[/COLOR]) )
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#000000]muted[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#007ab7]true[/COLOR];
  [COLOR=#000000]video[/COLOR].[COLOR=#3f6e7d]play[/COLOR]();
  }
  },
  [COLOR=#3f6e7d]onClosed[/COLOR]: [COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#3f6e7d]pause[/COLOR]();
  }
  });});
  [COLOR=#197020]//]]>[/COLOR]
  [COLOR=#0045aa]</script>[/COLOR]
    [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]endif[/COLOR]; [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
 [/SIZE][/COLOR]
 [COLOR=#333333][SIZE=11px] [/SIZE][/COLOR]

[janineiten]

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?

[Tim]

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

 [COLOR=#333333][SIZE=11px] [/SIZE][/COLOR]  [COLOR=#333333][SIZE=11px] [COLOR=#878787]<?php[/COLOR]
  [COLOR=#8735a5]$arrValues[/COLOR] [COLOR=#000000]=[/COLOR] StringUtil[COLOR=#000000]::[/COLOR][COLOR=#3f6e7d]deserialize[/COLOR]([COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->rawValue[/COLOR]);
  [COLOR=#0045aa]if[/COLOR][COLOR=#000000]([/COLOR] [COLOR=#400080]is_array[/COLOR]([COLOR=#8735a5]$arrValues[/COLOR]) [COLOR=#000000]===[/COLOR] [COLOR=#007ab7]false[/COLOR] [COLOR=#000000])[/COLOR]
  [COLOR=#000000]{[/COLOR]
  [COLOR=#8735a5]$arrValues[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#400080]explode[/COLOR]([COLOR=#dd2400]','[/COLOR],[COLOR=#8735a5]$arrValues[/COLOR]);
  [COLOR=#000000]}[/COLOR]
  [COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]=[/COLOR] FilesModel[COLOR=#000000]::[/COLOR][COLOR=#3f6e7d]findMultipleByIds[/COLOR]( [COLOR=#8735a5]$arrValues[/COLOR] );
  [COLOR=#8735a5]$objRow[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->attribute->[/COLOR][COLOR=#3f6e7d]get[/COLOR]([COLOR=#dd2400]'objActiveRecord'[/COLOR]);
    [COLOR=#8735a5]$lightboxId[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#dd2400]'lb_'[/COLOR][COLOR=#000000].[/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->id[/COLOR][COLOR=#000000].[/COLOR][COLOR=#dd2400]'_'[/COLOR][COLOR=#000000].[/COLOR][COLOR=#8735a5]$objRow[/COLOR][COLOR=#000000]->id[/COLOR];
  [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]if[/COLOR][COLOR=#000000]([/COLOR] [COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]===[/COLOR] [COLOR=#007ab7]null[/COLOR] [COLOR=#000000])[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<p [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"info"[/COLOR][COLOR=#0045aa]>[/COLOR]Keine Videos ausgewählt[COLOR=#0045aa]</p>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]else[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<div [/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->cssID[/COLOR][COLOR=#0045aa]; [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$this[/COLOR][COLOR=#000000]->class;[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<a [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"hyperlink_attr_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]href=[/COLOR][COLOR=#5d8f00]""[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<svg[/COLOR] [COLOR=#007ab7]height=[/COLOR][COLOR=#5d8f00]"100px"[/COLOR] [COLOR=#007ab7]width=[/COLOR][COLOR=#5d8f00]"100px"[/COLOR] [COLOR=#007ab7]version=[/COLOR][COLOR=#5d8f00]"1.1"[/COLOR] [COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"layer_1"[/COLOR] [COLOR=#007ab7]xmlns=[/COLOR][COLOR=#5d8f00]"http://www.w3.org/2000/svg"[/COLOR] [COLOR=#007ab7]xmlns:xlink=[/COLOR][COLOR=#5d8f00]"http://www.w3.org/1999/xlink"[/COLOR] [COLOR=#007ab7]x=[/COLOR][COLOR=#5d8f00]"0px"[/COLOR] [COLOR=#007ab7]y=[/COLOR][COLOR=#5d8f00]"0px"[/COLOR] [COLOR=#007ab7]viewBox=[/COLOR][COLOR=#5d8f00]"0 0 98.991 98.99"[/COLOR] [COLOR=#007ab7]enable-background=[/COLOR][COLOR=#5d8f00]"new 0 0 98.991 98.99"[/COLOR] [COLOR=#007ab7]xml:space=[/COLOR][COLOR=#5d8f00]"preserve"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<polygon[/COLOR] [COLOR=#007ab7]fill=[/COLOR][COLOR=#5d8f00]"#000000"[/COLOR] [COLOR=#007ab7]points=[/COLOR][COLOR=#5d8f00]"41.926,37.291 63.065,49.495 41.926,61.699 "[/COLOR][COLOR=#0045aa]/>[/COLOR]
  [COLOR=#0045aa]<circle[/COLOR] [COLOR=#007ab7]fill=[/COLOR][COLOR=#5d8f00]"none"[/COLOR] [COLOR=#007ab7]stroke=[/COLOR][COLOR=#5d8f00]"#000000"[/COLOR] [COLOR=#007ab7]stroke-width=[/COLOR][COLOR=#5d8f00]"2"[/COLOR] [COLOR=#007ab7]stroke-miterlimit=[/COLOR][COLOR=#5d8f00]"10"[/COLOR] [COLOR=#007ab7]cx=[/COLOR][COLOR=#5d8f00]"49.495"[/COLOR] [COLOR=#007ab7]cy=[/COLOR][COLOR=#5d8f00]"49.495"[/COLOR] [COLOR=#007ab7]r=[/COLOR][COLOR=#5d8f00]"48.495"[/COLOR][COLOR=#0045aa]/>[/COLOR]
  [COLOR=#0045aa]</svg>[/COLOR]
  [COLOR=#0045aa]</a>[/COLOR]
    [COLOR=#0045aa]<div [/COLOR][COLOR=#007ab7]style=[/COLOR][COLOR=#5d8f00]'[/COLOR][COLOR=#5d8f00]display:none[/COLOR][COLOR=#5d8f00]'[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<div [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"inlinevideocontent_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"inlinevideocontent"[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#0045aa]<video [/COLOR][COLOR=#007ab7]id=[/COLOR][COLOR=#5d8f00]"video_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]class=[/COLOR][COLOR=#5d8f00]"video"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]controls[/COLOR][COLOR=#0045aa]>[/COLOR]
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]foreach[/COLOR][COLOR=#000000]([/COLOR][COLOR=#8735a5]$objModels[/COLOR] [COLOR=#000000]as[/COLOR] [COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000])[/COLOR]: [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]<source [/COLOR][COLOR=#007ab7]src=[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000]->path;[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa] [/COLOR][COLOR=#007ab7]type=[/COLOR][COLOR=#5d8f00]"video/[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#8735a5]$objModel[/COLOR][COLOR=#000000]->[/COLOR][COLOR=#3f6e7d]__get[/COLOR][COLOR=#000000]([/COLOR][COLOR=#dd2400]'extension'[/COLOR][COLOR=#000000]);[/COLOR][COLOR=#5d8f00] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#5d8f00]"[/COLOR][COLOR=#0045aa]>[/COLOR]
  Your browser does not support the video tag.
  [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]endforeach[/COLOR]; [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
  [COLOR=#0045aa]</video>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
  [COLOR=#0045aa]</div>[/COLOR]
    [COLOR=#0045aa]<script>[/COLOR]
  [COLOR=#197020]//<![CDATA[[/COLOR]
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]document[/COLOR]).[COLOR=#3f6e7d]ready[/COLOR]([COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#0045aa]var[/COLOR] [COLOR=#000000]video[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#000000]document[/COLOR].[COLOR=#3f6e7d]getElementById[/COLOR]([COLOR=#dd2400]"video_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]);
  [COLOR=#0045aa]if[/COLOR]( [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]video[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'autoplay'[/COLOR]) )
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#000000]muted[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#007ab7]true[/COLOR];
  }
  [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#dd2400]".hyperlink_attr_[/COLOR][COLOR=#878787]<?php[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR]).[COLOR=#3f6e7d]colorbox[/COLOR](
  {
  inline:[COLOR=#007ab7]true[/COLOR], width:[COLOR=#dd2400]"80%"[/COLOR], height:[COLOR=#dd2400]"auto"[/COLOR], maxWidth:[COLOR=#dd2400]"900px"[/COLOR], href:[COLOR=#dd2400]"#inlinevideocontent_[/COLOR][COLOR=#878787]<?=[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#8735a5]$lightboxId[/COLOR][COLOR=#000000];[/COLOR][COLOR=#dd2400] [/COLOR][COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR][COLOR=#dd2400]"[/COLOR],
  [COLOR=#3f6e7d]onOpen[/COLOR]: [COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#0045aa]if[/COLOR]( [COLOR=#3f6e7d]jQuery[/COLOR]([COLOR=#000000]video[/COLOR]).[COLOR=#3f6e7d]attr[/COLOR]([COLOR=#dd2400]'autoplay'[/COLOR]) )
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#000000]muted[/COLOR] [COLOR=#000000]=[/COLOR] [COLOR=#007ab7]true[/COLOR];
  [COLOR=#000000]video[/COLOR].[COLOR=#3f6e7d]play[/COLOR]();
  }
  },
  [COLOR=#3f6e7d]onClosed[/COLOR]: [COLOR=#0045aa]function[/COLOR]()
  {
  [COLOR=#000000]video[/COLOR].[COLOR=#3f6e7d]pause[/COLOR]();
  }
  });});
  [COLOR=#197020]//]]>[/COLOR]
  [COLOR=#0045aa]</script>[/COLOR]
    [COLOR=#878787]<?php[/COLOR] [COLOR=#0045aa]endif[/COLOR]; [COLOR=#878787]?[/COLOR][COLOR=#878787]>[/COLOR]
 [/SIZE][/COLOR]
 
[COLOR=#333333][SIZE=11px] [/SIZE][/COLOR]

[janineiten]

Hallo Tim, das hat grossartig geklappt. Herzlichen Dank.