Ach ne! Kde je JavaScript?
Váš webový prohlížeč nemá povolen JavaScript nebo nepodporuje JavaScript. Pro správné zobrazení tohoto webu nebo pro upgrade na webový prohlížeč, který podporuje JavaScript, povolte JavaScript ve webovém prohlížeči.
PHP-Fusion 9 Jádro
v9.03.00
Překlad
Pravidelně aktualizovaný
Demo
Testovat PHP-Fusion

Novinky

Vložení videa HTML 5 do lišty bbcode

Zaručenou vládu nad webovými stránkami má (po HTML 4) již delší dobu nejnovější modifikace HTML 5. V některých aplikacích však schází podpora nového kódu. V PHP-Fusion to může být např. absence vkládání videa pomocí tzv. bbkód (bbcode). Konkrétně range'>do "Komentářů" pro členy a autory, kam můžeme video kód HTML 5 ručně vložit. Poté se zobrazí automaticky v komentáři u konkrétního článku. Není tedy nutné, aby člen či autor (pokud to umí) psal pokaždé speciální kód. Zde je návod, jak takové vkládání systémově umožnit.


Zaručenou vládu nad webovými stránkami má (po HTML 4) již delší dobu nejnovější modifikace HTML 5. V některých aplikacích však schází podpora nového kódu. V PHP-Fusion to může být např. absence vkládání videa pomocí tzv. bbkód (bbcode). Konkrétně range'>do "Komentářů" pro členy a autory, kam můžeme video kód HTML 5 ručně vložit. Poté se zobrazí automaticky v komentáři u konkrétního článku. Není tedy nutné, aby člen či autor (pokud to umí) psal pokaždé speciální kód. Zde je návod, jak takové vkládání systémově umožnit.

  • Tyto bbcode se programově nastavují v souborech, umístěných na cestě: /includes/bbcodes/.
  • Do shora uvedeného adresáře nakopírujte kód souboru html5_bbcode_include.php:
    <?php
    /*-----------------------------------------------------------------------+
    Filename: html5_bbcode_include.php
    | Author: Chatlaq | http://www.phpfusionturkiye.com
    | Modifikace: Kvido | http://www.pc-politika.cz
    +-------------------------------------------------------------------------*/
    if (!defined("IN_FUSION")) { die("Access Denied"); }
    $text = preg_replace('#\[html5=video\](.*?)\[/html5\]#si',
    '<video src="../../\1"  width="420" height="340" 
    controls="controls">
    Váš prohlížeč nepodporuje video tag.
    </video>', $text);
    $text = preg_replace('#\[html5=audio\](.*?)\[/html5\]#si', 
    '<audio src="../../\1" controls="controls">
    Váš prohlížeč nepodporuje audio element.</audio>', $text);
    ?>
    
  • Do shora uvedeného adresáře nakopírujte kód souboru html5_bbcode_include_var.php:
    <?php
    /*-----------------------------------------------------------------------+
    Filename: html5_bbcode_include_var.php
    | Author: Chatlaq | http://www.phpfusionturkiye.com
    | Modifikace: Kvido | http://www.pc-politika.cz
    +-------------------------------------------------------------------------*/
    if (!defined("IN_FUSION")) { die("Access Denied"); }
    $__BBCODE__[] = 
    array(
    "description"=>	$locale["bb_html5_description"],
    "value"=>"html5",
    "bbcode_start"=>"[html5=]",
    "bbcode_end"=>"[/html5]",
    "usage"=>"[html5=".$locale['bb_html5_type']."]
    ".$locale["bb_html5_usage"]."[/html5]",
    'onclick'=>"return overlay(this, 'bbcode_html5_
    ".$textarea_name."', 'rightbottom');",
    'onmouseover'=>	"",
    'onmouseout'=>	"",
    'html_start'=>	"<div id='bbcode_html5_".$textarea_name."' 
    class='tbl1' style='display: none; border:1px solid black;
    position: absolute; width: auto; height: auto; 
    text-align: center' 
    onclick=\"overlayclose('bbcode_html5_".$textarea_name."');\">",
    'includejscript'=>	"",
    'calljscript'	=>	"",
    'phpfunction'	=>	"",
    'html_middle'	=>	"
    
    <input type='button' value='".$locale['bb_html5_video']."'
    class='button' style='width:100px;' 
    onclick=\"addText('".$textarea_name."', '[html5=video]',
    '[/html5]', '".$inputform_name."');return false;\" />>	"</div>");
    ?>
    
  • A poslední doplňek. Do adresáře /locale/Czech/bbcode/ nakopírujte tento soubor: html5.php:
    <?php
    /*-----------------------------------------------------------------------+
    Filename: /locale/bbcode/Czech/html5.php
    | Author: Chatlaq | http://www.phpfusionturkiye.com
    | Modifikace: Kvido | http://www.pc-politika.cz
    +-------------------------------------------------------------------------*/
    $locale['bb_html5'] = "Html5 Media Player";
    $locale['bb_html5_description'] = 
    "Video and audio, playing with html5 player ";
    $locale['bb_html5_usage'] = "Html5 Media Url";
    $locale['bb_html5_type'] = "Video|Audio";
    $locale['bb_html5_video'] = "Video";
    $locale['bb_html5_audio'] = "Audio";
    $locale['bb_html5_not_support_video'] = 
    "Váš prohlížeč nepodporuje video tag.";
    $locale['bb_html5_not_support_audio'] = 
    "Váš prohlížeč nepodporuje audio element.";
    ?>
    
  • Nejprve jsem provedl streaming videa pro test z adresy: https://www.youtube.com/watch?feature=player_embedded&v=kFFilG9BXcQ.
  • Toto video jsem poté konvertoval do formátu pro účel HTML5, a to WEBM a zároveň nově nazval: videoplayback_kraus_brzobohaty.webm".
  • Po konverzi v novém formátu "webm" jsem pak video vložil pod Komentářem v článku do lišty bb Kódy aktivováním ikonky HTML5. Hotovo!
  • Vložené video HTML5 vidíte zde pod článkem, případně pomocí odkazu:

Testování

Testování, a to ve spolupráci s "mayky", potvrdilo, že do lišty BB Kódy je nutno vložit video soubor ve formátu "WEBM". Takto se spolehlivě zobrazuje. Musí být pochopitelně tento soubor uložen zde na serveru pc-politika.cz. Což mohou u nás zatím jen administratoři, kteří provedou upload videa na server.

Resumé

Tímto postupem kodér přidá do lišty ikonek v "Komentářích" (pod články) další ikonku HTML 5. Kromě toho tam je rovněž ikonka Google. Aby byly obě funkční, je NUTNÉ ještě zapnout nastavení. Jděte do Systém/BB Kódy/. Tam v "Povolit kódy" klikněte na Zapnout.

  • Autor: Květoslav (Kvido) Vícha
  • 'PC-politika.czZpět na HomePage!
  • Obtížnost:
  • Zdroj: PHP-Fusion/bbcode
  • !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
  • {lang: 'cs'}

Kvido 11.11.2014 00:02 1,386 0 komentářů

0 komentářů

Zanechat komentář

Přihlaste se, abyste mohli zveřejnit komentář.
  • Žádné komentáře nebyly zveřejněny.

Nejnovější témata fóra
  Vlákno Zobrazení Odpovědi Poslední příspěvek
instalace phpMyadmin for Windows 10
v PHP-Fusion 9
27 1 RobiNN
21-02-2019 11:05
Vstup z jiného PC
v Obecná diskuse
74 2 Kvido
20-02-2019 09:51
Video addon questions
v Infuze, panely, vzhledy
1412 8 zizub
18-02-2019 09:24
Fórum - reputacia
v PHP-Fusion 9
129 1 Balin50
17-02-2019 17:26
Stránka bola aktualizovaná na 9.03.00
v Obecná diskuse
132 0 RobiNN
16-02-2019 13:24
FAQ
v PHP-Fusion 9
470 4 Balin50
12-02-2019 09:55
Vlastný panel - editacia
v Administrace obsahu
228 0 Balin50
12-02-2019 09:52
Přihlášení
Ještě nejste členem? Klikněte zde a zaregistrujte se.