Fweeb/dokuwiki_plugin_html5video

Error: The video must be in webm, ogv, or mp4 format

Opened this issue · 12 comments

dior1 commented

Hi,

like written on the dokuwiki page....

the video name is without spaces or special characters (e.g.: myvideo.webm or testwiki1.mp4)

{{URL|:videos:myvideo.webm}}

{{URL|:videos:testwiki1.mp4}}

{{:videos:test.gif?200|}}

The gif is shown correctly to verify the path i use

Fweeb commented

This might just be a simple syntax problem. Are you really including "URL" in your code? Try it like this and see if it works:

{{:videos:myvideo.webm|}}

And this should work for your .mp4:

{{:videos:testwiki1.mp4|}}
dior1 commented

Hi, thx for the replay.... yes I used URL in my code...

I´fe tried {{:videos:myvideo.webm|}} & {{:videos:testwiki1.mp4|}}

but it didn´t work. With the URL in my code I get the Error: The video must be in webm, ogv, or mp4 format.
/dokuwiki/lib/exe/fetch.php?media=URL error message without the URL I get nothing...

Fweeb commented

Could you share the HTML code that's generated when using the syntax that doesn't include URL in it? In Firefox you can highlight the area, right-click, and choose "View Selection Source" to jump right to it. In other browsers, you'll need to search for that section manually.

dior1 commented
<script TYPE="text/javascript"> function showhide(name) { var display = document.getElementById(name).style.display; if (display == 'block') { document.getElementById(name).style.display='none'; }else{ document.getElementById(name).style.display='block'; } } </script> <title> gis:adm:playground:spielplatz_dior:mp4-video-einbindung [GWiki] </title> <script type="text/javascript">/**/</script> <script type="text/javascript" charset="utf-8" src="/dokuwiki/lib/exe/js.php?tseed=1360071502"></script> <script type="text/javascript" src="lib/plugins/codehighlight/cp/codepress.js" charset="utf-8">/* /*!]]>*/</script> <script type="text/javascript" charset="utf-8">/*Vorschau' + $('edbtn__save').parentNode.innerHTML; $('edbtn__save').parentNode.innerHTML = 'Speichern ' + $('edbtn__save').parentNode.innerHTML; $('repl_edbtn__preview').onclick = function () { wiki__text.toggleEditor(); $('dw__editform').submit(); }; $('repl_edbtn__save').onclick = function () { wiki__text.toggleEditor(); $('dw__editform').submit(); }; } $('hlc_toggle').innerHTML = 'Turn off highlight' $('hlc_toggle').onclick = function(){stopEditor();}; } function stopEditor(){ wiki__text.toggleEditor(); $('hlc_languages').style.display = "none"; $('edbtn__save').style.display=""; $('edbtn__preview').style.display=""; $('repl_edbtn__save').style.display = "none" $('repl_edbtn__preview').style.display = "none" $('hlc_toggle').innerHTML = 'Highlight code' $('hlc_toggle').onclick = function(){startEditor();}; } /*!]]>*/</script> <style type="text/css">.hidden-code {display:none;}</style> 
        <div id="breadcrumbs"><span class="bchead">Zuletzt angesehen:</span> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:spider_business_center"  class="breadcrumbs" title="gis:adm:spider_business_center">spider_business_center</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:leica_gr10_empfaenger"  class="breadcrumbs" title="gis:adm:leica_gr10_empfaenger">leica_gr10_empfaenger</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:leica_empfaenger-_spider_software"  class="breadcrumbs" title="gis:adm:leica_empfaenger-_spider_software">leica_empfaenger-_spider_software</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:zugangsdaten"  class="breadcrumbs" title="gis:adm:zugangsdaten">zugangsdaten</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=start"  class="breadcrumbs" title="start">start</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:gis"  class="breadcrumbs" title="gis:gis">gis</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:administratoren"  class="breadcrumbs" title="gis:adm:administratoren">administratoren</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:playground"  class="breadcrumbs" title="gis:adm:playground">playground</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior"  class="breadcrumbs" title="gis:adm:playground:spielplatz_dior">spielplatz_dior</a> <span class="bcsep">•</span> <span class="curid"><a href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung"  class="breadcrumbs" title="gis:adm:playground:spielplatz_dior:mp4-video-einbindung">mp4-video-einbindung</a></span></div>


  <div class="dokuwiki">

    <!-- wikipage start -->

320x240

dior1 commented 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script TYPE="text/javascript"> 
function showhide(name) {
         var display = document.getElementById(name).style.display;
    if (display == 'block') {
    document.getElementById(name).style.display='none';
     }else{
        document.getElementById(name).style.display='block';
       }
    }
</script>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"
 lang="de" dir="ltr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>
    gis:adm:playground:spielplatz_dior:mp4-video-einbindung    [GWiki]
  </title>
  <link rel="shortcut icon" href="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/favicon.ico" />
  <meta name="generator" content="DokuWiki"/>
<meta name="robots" content="noindex,nofollow"/>
<meta name="date" content="2013-02-18T07:16:59+0100"/>
<meta name="keywords" content="gis,adm,playground,spielplatz_dior,mp4-video-einbindung"/>
<link rel="search" type="application/opensearchdescription+xml" href="/dokuwiki/lib/exe/opensearch.php" title="GWiki"/>
<link rel="start" href="/dokuwiki/"/>
<link rel="contents" href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung&amp;do=index" title="Übersicht"/>
<link rel="alternate" type="application/rss+xml" title="Recent Changes" href="/dokuwiki/feed.php"/>
<link rel="alternate" type="application/rss+xml" title="Current Namespace" href="/dokuwiki/feed.php?mode=list&amp;ns=gis:adm:playground:spielplatz_dior"/>
<link rel="edit" title="Diese Seite bearbeiten" href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung&amp;do=edit"/>
<link rel="alternate" type="text/html" title="Plain HTML" href="/dokuwiki/doku.php?do=export_xhtml&amp;id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung"/>
<link rel="alternate" type="text/plain" title="Wiki Markup" href="/dokuwiki/doku.php?do=export_raw&amp;id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung"/>
<link rel="canonical" href="http://199.22.1.99/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung"/>
<link rel="stylesheet" type="text/css" href="/dokuwiki/lib/exe/css.php?t=incognitek_relaunch_2013&amp;tseed=1360071502"/>
<script type="text/javascript">/*<![CDATA[*/var NS='gis:adm:playground:spielplatz_dior';var SIG=' --- //[[dior.dior@test.net|xxdior]] 18/02/2013 08:10//';var JSINFO = {"id":"gis:adm:playground:spielplatz_dior:mp4-video-einbindung","namespace":"gis:adm:playground:spielplatz_dior","plugin_aceeditor":{"default":true,"highlight":true,"wraplimit":80,"colortheme":"textmate","latex":true,"markdown":true,"mdpage":false,"xmltags":[]}};
/*!]]>*/</script>
<script type="text/javascript" charset="utf-8" src="/dokuwiki/lib/exe/js.php?tseed=1360071502"></script>
<script type="text/javascript" src="lib/plugins/codehighlight/cp/codepress.js" charset="utf-8">/*<![CDATA[*/<!-- -->
/*!]]>*/</script>
<script type="text/javascript" charset="utf-8">/*<![CDATA[*/
          function startEditor(){

          $('edbtn__save').style.display="none";
          $('edbtn__preview').style.display="none";
          $('hlc_languages').style.display = "";
          if($('repl_edbtn__preview') != null){
              $('repl_edbtn__save').style.display = ""
              $('repl_edbtn__preview').style.display = ""
              wiki__text.toggleEditor();
          } else {
              $('wiki__text').className += ' codepress php linenumbers-off';
              CodePress.run();
              $('edbtn__save').parentNode.innerHTML = '<button name="do[preview]" value="Vorschau" class="button" id="repl_edbtn__preview" accesskey="p" tabindex="5" title="Vorschau [ALT+P]">Vorschau</button>' + $('edbtn__save').parentNode.innerHTML;
              $('edbtn__save').parentNode.innerHTML = '<button name="do[save]" value="Speichern" class="button" id="repl_edbtn__save" accesskey="s" tabindex="4" title="Speichern [ALT+S]">Speichern</button> ' + $('edbtn__save').parentNode.innerHTML;
              $('repl_edbtn__preview').onclick = function () {
              wiki__text.toggleEditor();
              $('dw__editform').submit();
              };
              $('repl_edbtn__save').onclick = function () {
              wiki__text.toggleEditor();
              $('dw__editform').submit();
              };
          }
          $('hlc_toggle').innerHTML = 'Turn off highlight'
          $('hlc_toggle').onclick = function(){stopEditor();};
          }
          function stopEditor(){
          wiki__text.toggleEditor();
          $('hlc_languages').style.display = "none";
          $('edbtn__save').style.display="";
          $('edbtn__preview').style.display="";
          $('repl_edbtn__save').style.display = "none"
          $('repl_edbtn__preview').style.display = "none"
          $('hlc_toggle').innerHTML = 'Highlight code'
          $('hlc_toggle').onclick = function(){startEditor();};
          }

/*!]]>*/</script>
<style type="text/css">.hidden-code {display:none;}</style>
  <!-- FIXES FOR IE6:
The logo and other images should be able to use transparent pngs. Since
internet explorer 6 does not support them, I use the script 'iepngfix.htc'. 
However, the script cannot handle the background shadow of the content div. 
So we have to rebuild these elements without the shadow.       
-->

<!--[if lt IE 7]>
<script type="text/javascript">
  // This must be a path to a blank image. Used by 'iepngfix.htc'
  if (typeof blankImg == 'undefined') var blankImg = '/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/blank.gif';
</script>
<style type="text/css">
  div.dokuwiki {
    margin: 0px 9px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background-image: none;
    background-color: white;
    width: 690px; /* miraculously needed when a right aligned image is taller 
                     than the text on a page */
  }
  div#breadcrumbs {
    background-image: none;
    background-color: #bbddd4;
    margin: 9px 9px 0 9px;
    border-right: 1px solid black;
    border-top: 1px solid black;
    border-left: 1px solid black;
    padding: 3px 6px 3px 6px;
  }
  div#footer {
    background-image: none;
    background-color: #bbddd4;
    margin: 0px 9px 9px 9px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-top: none;
    padding: 10px 18px 11px 18px;
  }

  div#navigation ul li a { border: none; margin: 0px 1px; }
  div#navigation ul li a:hover { border: 1px solid black; margin: 0px 0px; }
  textarea#wiki__text { width: 650px; }

  img {
     behavior: url(/dokuwiki/lib/tpl/incognitek_relaunch_2013/iepngfix.php);
  }
</style>
<![endif]-->
</head>

<body>
    <div id="container">    
    <div id="header">            
      <a href="/dokuwiki/doku.php?id=start"  accesskey="h" title="[ALT+H]"><img id="logo" src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/logo.png" alt="GWiki" width="316" height="126" /></a>      <div id="navigation">
        <ul>
  <li><a href="/dokuwiki/doku.php?id=start" >Start</a></li>
  <li><a href="/dokuwiki/doku.php?id=gis:gis" >GI</a></li>
  <li><a href="/dokuwiki/doku.php?id=Erf:Erf" >Erf</a></li>
  <li><a href="/dokuwiki/doku.php?id=faq" >FAQ's</a></li>
  <li><a href="/dokuwiki/doku.php?id=akt_fehler" >Akt Fehler</a></li>
  <li><a href="/dokuwiki/doku.php?id=Baus:Baus" >Baus</a></li>  
  <li><a href="/dokuwiki/doku.php?id=For" >For</a></li>


  <!--<li><a href="/dokuwiki/doku.php?id=blog" >blog</a></li>
  <li><a href="/dokuwiki/doku.php?id=user:name" >personal</a></li>
  <li><a href="/dokuwiki/doku.php?id=projects:projects" >projects</a></li> -->
</ul>
      </div>      
    </div>
    <div id="corpus">

            <div id="breadcrumbs"><span class="bchead">Zuletzt angesehen:</span> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:spider_business_center"  class="breadcrumbs" title="gis:adm:spider_business_center">spider_business_center</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:leica_gr10_empfaenger"  class="breadcrumbs" title="gis:adm:leica_gr10_empfaenger">leica_gr10_empfaenger</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:leica_empfaenger-_spider_software"  class="breadcrumbs" title="gis:adm:leica_empfaenger-_spider_software">leica_empfaenger-_spider_software</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:zugangsdaten"  class="breadcrumbs" title="gis:adm:zugangsdaten">zugangsdaten</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=start"  class="breadcrumbs" title="start">start</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:gis"  class="breadcrumbs" title="gis:gis">gis</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:administratoren"  class="breadcrumbs" title="gis:adm:administratoren">administratoren</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:playground"  class="breadcrumbs" title="gis:adm:playground">playground</a> <span class="bcsep">•</span> <a href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior"  class="breadcrumbs" title="gis:adm:playground:spielplatz_dior">spielplatz_dior</a> <span class="bcsep">•</span> <span class="curid"><a href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung"  class="breadcrumbs" title="gis:adm:playground:spielplatz_dior:mp4-video-einbindung">mp4-video-einbindung</a></span></div>


      <div class="dokuwiki">

        <!-- wikipage start -->

<p>
<a href="file://///N/NI/GI/Copy/dior/Alpha Ed.mp4" class="windows" title="\\N/NI/GI/Copy/dior/Alpha Ed.mp4">320x240</a>
</p>
<video src="/dokuwiki/lib/exe/fetch.php?media=:videos:myvideo.webm" width="640" height="360" controls="controls"  />
<p>
<br/>

</p>
Error: The video must be in webm, ogv, or mp4 format.<br />/dokuwiki/lib/exe/fetch.php?media=URL
<p>
<br/>

</p>
Error: The video must be in webm, ogv, or mp4 format.<br />/dokuwiki/lib/exe/fetch.php?media=URL
<p>
<br/>

</p>
<video src="/dokuwiki/lib/exe/fetch.php?media=:videos:testwiki1.mp4" width="640" height="360" controls="controls"  />
<p>
<br/>

</p>
Error: The video must be in webm, ogv, or mp4 format.<br />/dokuwiki/lib/exe/fetch.php?media=URL
<p>
<a href="/dokuwiki/lib/exe/detail.php?id=gis%3Aadm%3Aplayground%3Aspielplatz_dior%3Amp4-video-einbindung&amp;media=videos:test.gif" class="media" title="videos:test.gif"><img src="/dokuwiki/lib/exe/fetch.php?w=200&amp;media=videos:test.gif" class="media" alt="" width="200" /></a>
</p>

        <!-- wikipage stop -->

        <div class="clearer">&nbsp;</div>

        <div id="pageinfo">
          <div id="user">Angemeldet als: xxdior (xxr)</div>
          <div id="doc">gis/adm/playground/spielplatz_dior/mp4-video-einbindung.txt · Zuletzt geändert: 18/02/2013 07:16 von xxdior &middot; [<a href="/dokuwiki/doku.php?id=gis:adm:playground:spielplatz_dior:mp4-video-einbindung&amp;do=revisions"  class="action revs" accesskey="o" rel="nofollow" title="Ältere Versionen [O]">Ältere Versionen</a>]          </div>   
        </div>   
      </div>     

      <div id="footer">
        <div id="footer_left">
          <form class="button btn_edit" method="post" action="/dokuwiki/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="0" /><input type="hidden" name="id" value="gis:adm:playground:spielplatz_dior:mp4-video-einbindung" /><input type="submit" value="Diese Seite bearbeiten" class="button" accesskey="e" title="Diese Seite bearbeiten [E]" /></div></form>        </div>
        <div id="footer_center">
          <form class="button btn_subscribe" method="get" action="/dokuwiki/doku.php"><div class="no"><input type="hidden" name="do" value="subscribe" /><input type="hidden" name="id" value="gis:adm:playground:spielplatz_dior:mp4-video-einbindung" /><input type="submit" value="Aboverwaltung" class="button" title="Aboverwaltung" /></div></form>          <form class="button btn_admin" method="get" action="/dokuwiki/doku.php"><div class="no"><input type="hidden" name="do" value="admin" /><input type="hidden" name="id" value="gis:adm:playground:spielplatz_dior:mp4-video-einbindung" /><input type="submit" value="Admin" class="button" title="Admin" /></div></form>          <form class="button btn_profile" method="get" action="/dokuwiki/doku.php"><div class="no"><input type="hidden" name="do" value="profile" /><input type="hidden" name="id" value="gis:adm:playground:spielplatz_dior:mp4-video-einbindung" /><input type="submit" value="Benutzerprofil" class="button" title="Benutzerprofil" /></div></form>          <form class="button btn_logout" method="get" action="/dokuwiki/doku.php"><div class="no"><input type="hidden" name="do" value="logout" /><input type="hidden" name="sectok" value="d561998619857d1dfc877cbbd38ccff2" /><input type="hidden" name="id" value="gis:adm:playground:spielplatz_dior:mp4-video-einbindung" /><input type="submit" value="Abmelden" class="button" title="Abmelden" /></div></form>        </div>
        <div id="footer_right">
          <form action="/dokuwiki/doku.php?id=start" accept-charset="utf-8" class="search" id="dw__search" method="get"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" class="edit" title="[F]" /><input type="submit" value="Suche" class="button" title="Suche" /><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>        
        </div>        
      </div>

    </div>


    <div class="footerinc">
      <a target="_blank" href="/dokuwiki/feed.php" title="Recent changes RSS feed"><img src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/button-rss.png" width="80" height="15" alt="Recent changes RSS feed" /></a>
      <a target="_blank" href="http://www.php.net" title="Powered by PHP"><img src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/button-php.gif" width="80" height="15" alt="Powered by PHP" /></a>
      <a target="_blank" href="http://validator.w3.org/check/referer" title="Valid XHTML 1.0"><img src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/button-xhtml.png" width="80" height="15" alt="Valid XHTML 1.0" /></a>
      <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3" title="Valid CSS"><img src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/button-css.png" width="80" height="15" alt="Valid CSS" /></a>
      <a target="_blank" href="http://wiki.splitbrain.org/wiki:dokuwiki" title="Driven by DokuWiki"><img src="/dokuwiki/lib/tpl/incognitek_relaunch_2013/images/button-dw.png" width="80" height="15" alt="Driven by DokuWiki" /></a>
    </div>

  </div>


<div class="no"><img src="/dokuwiki/lib/exe/indexer.php?id=gis%3Aadm%3Aplayground%3Aspielplatz_dior%3Amp4-video-einbindung&amp;1361171415" width="2" height="1" alt="" /></div>
</body>
</html>
Fweeb commented

Gah! That's the whole source! But looking at it... I'm wondering if it's a namespace issue in your wiki. What if you took the leading colon off, like:

{{videos:myvideo.webm|}}
dior1 commented

that make no difference... :(

Fweeb commented

It seems an awful lot like the video simply isn't at the path you've listed. When you go to the Media Manager and click on your video there, what's the link say at the top of the View tab on the right?

dior1 commented

when I open the MediaManager and choose videos (:videos) the webm and the mp4 File is listed below...

wehen I choose the file in the MediaManager: {{:videos:myvideo.webm|}}

this part looks good for me

Fweeb commented

I just looked back at the HTML that your wiki is generating and noticed that its doctype is set to XHTML 1.0 Transitional. The video tag is a feature that wasn't introduced until HTML5. Are you using a custom theme or something that requires/uses XHTML instead of HTML5? If so, that might be the cause of your problem.

dior1 commented

Yes that could be... I´m using the incognitek Template template.
But don´t know that to do to change this.... or is it the IE8 that cause the problem?

Fweeb commented

Though I have my own personal misgivings about IE, it shouldn't be a problem here. I'm thinking it's the template you're using. Try disabling the template from the Config Manager and see if the videos show up in the default dokuwiki template.