HTML5 Video-Player einbinden

[former]

Hallo Leute,

ich suche eine Möglichkeit einen HTML5 Player einzubauen, z.B. VideoJS (http://videojs.com).
Die Verwendung von FLV-Playern ist meiner Meinung nach durch die vielen iOS-Geräte keine Option mehr.
Youtube, MyVideo o.ä. kann aus linzenrechtlichen Einschränkungen nicht verwendet werden.

Ich habe den VideoJS Code mal plain in den Tiny-HTML eingefügt, leider wird der Code jedoch immer verkrüppelt.
Die Mandanteneinstellungen für tinymce und wysiwyg habe ich schon bearbeitet, bewirken jedoch nichts.

Hier der Link zu meinem Versuch: http://weber-zk.winterlich.net/cms/fron ... &idcat=901
Es handelt sich um eine aktuelle Contenido-Version 4.8.15 die allerdings mal als 4.4.* gestartet ist.

Hat schon jemand eine Lösung für diese Problem?

Schöne Grüße
Christian

[julian83]

Hallo Christian,

vor dem gleichen Problem stehe ich auch.

Habe versucht Projekktor ( http://www.projekktor.com ) einzubinden.
Funktioniert auch ABER nicht der Flashfallback und somit nicht im IE 8 und niedriger.
Wurde auch plain in den Tiny-HTML eingefügt.

Hast du inzwischen eine Lösung gefunden?

Oder auch @All: Gibt es inzwischen eine aktuelle (HTML5 + Flashfallback) Video Lösung für Contenido?

Viele Grüße
Julian

[homtata]

Gleiches Problem hier, ich versuche den medialement-Player einzubinden. Dafür ist aber ein exakt vorgegebener Quellcode nötig, den TinyMCE beständig umschießt.
Alle Mandanteneinstellungen für valid_elements, extended_valid_elements und verify_html bewirken nichts. Teilweise verändert sich zwar die Ausgabe, aber grundsätzlich wird der Code verhackstückt und umgebogen.
Mein Video läuft zwar zunächst, ignoriert im Flashfallback allerdings den mitgelieferten Flashplayer, weil

Code: Alles auswählen

    <object width="220" height="150" type="application/x-shockwave-flash" data="js/flashmediaelement.swf">
        <param name="movie" value="js/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&file=upload/video/echo-hereweare.mp4" />
        <!-- Image as a last resort -->
        <img src="myvideo.jpg" width="320" height="240" title="No video playback capabilities" />
    </object>

umgestrickt wird zu

Code: Alles auswählen

<object type="application/x-shockwave-flash" data="js/flashmediaelement.swf" width="220" height="150">
<param name="flashvars" value="controls=true&file=upload/video/echo-hereweare.mp4">
<param name="src" value="js/flashmediaelement.swf">
</object>

Also:
Gibt es IRGENDEINE Möglichkeit, Contenido bzw. Tiny davon abzuhalten, den Quellcode zu ändern? Ich surfe jetzt schon geschlagene 8 Stunden zu dem Thema und finde nur nichtpassende Tipps und dass "verify_html = false" im standalone client von Tiny funktionieren müsste. Tuts aber nicht in Contenido.
In der editorclass.php scheint verify_html auch gar nicht abgefragt oder weitergereicht zu werden, kann das sein?

Und nein, es ist KEINE Option, das in ein Modul auszulagern. Dieser Quellcode muss über eine Artikelliste (und damit über den stinknormalen Textcontainer) an eine andere Stelle mitgeschleppt werden, es MUSS also der Quellcode in den Editor...

Noch jemand Ideen?

LG

[josh]

Hallo,

ich bin auch gerade mit dem Problem beschäftigt und versuche ein HTML Video Plugin zu bauen.
Leider schreibt der Tiny den Code auch in der neuesten Version um.

Im Moment scheibe ich im Plugin den code in Kommentare - <!--v5 - und - v5--> - die ich in Contenido durch eine Chain wieder durch die spitzen Klammern ersetze.

Code: Alles auswählen

<!--v5a href="javascript: onClick=Glasaustausch_FR.play()"v5-->
<!--v5video id="Glasaustausch_FR" width="720" height="405" poster="upload/video/Glasaustausch_FR.jpg" autoplay autobuffer controlsv5-->
<!--v5source src="upload/video/Glasaustausch_FR.ogv" type="video/ogg" /v5-->
<!--v5source src="upload/video/Glasaustausch_FR.webm" type="video/webm" /v5-->
<!--v5source src="upload/video/Glasaustausch_FR.mp4" type="video/mp4" /v5-->

<object width="720" height="433" type="application/x-shockwave-flash" data="/cms/flv_player.swf?flvToPlay=upload/video/Glasaustausch_FR.flv&showScaleModes=false&startImage=upload/video/Glasaustausch_FR.jpg&autoStart=true">
<param name="data" value="flv_player.swf?flvToPlay=upload/video/Glasaustausch_FR.flv&showScaleModes=false&startImage=upload/video/Glasaustausch_FR.jpg&autoStart=true" />
<param name="src" value="/cms/flv_player.swf?flvToPlay=upload/video/Glasaustausch_FR.flv&showScaleModes=false&startImage=upload/video/Glasaustausch_FR.jpg&autoStart=true" />
</object>

<!--v5/videov5-->
<!--v5/av5-->

In der Chain scheibe ich auch die doctype in HTML5 um.

Code: Alles auswählen

<?php
/**
 * Contenido Plugin video HTML5 of Contenido Extension Chainer
 * @version     0.1
 */


if(!defined('CON_FRAMEWORK')) {
    die('Illegal call');
}


/**
 * Userdefined function, which will be added to Chain "Contenido.Frontend.HTMLCodeOutput" - processes
 * Benutzerdefinierte Kommentare werden entfernt: <!--v5 und v5--> und durch Klammern ersetzt
 * Doctype wird durch HTML5 Doctype ersetzt: <!DOCTYPE html> 
 *
 * @param   string  $value      The value (HTML-Code)
 * @return  string  Processed value
 */
function myVideo5Cleanup($value) {
 
	if (strpos($value,'<!--v5')) {
		$value = str_replace(array(
									'<!--v5',
									'v5-->',
									'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',
									'<html xmlns="http://www.w3.org/1999/xhtml">'), 
							array(
									'<',
									'>',
									'<!DOCTYPE html>',
									'<html>'), 
							$value);
    
	}

    return $value;
}


// get cec registry instance
$_cecRegistry = cApiCECRegistry::getInstance();

// add a function to Contenido Extension Chainer
$_cecRegistry->addChainFunction('Contenido.Frontend.HTMLCodeOutput', 'myVideo5Cleanup');

?>

Danke xmurrix für den Artikel über Contenido Extension Chainer Beispiel - Plugin Tidy HTML
http://forum.contenido.org/viewtopic.ph ... hilit=tidy


Der Javascript Link ist für das iPhone und Android, sonst startet das Video trotz autoplay nicht.

Kann ich das hier posten auch wenn es ein Tinymce Plugin ist?

Viele Grüße

Josh