<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title>public.beta: Video Hyperlinking</title>

<META NAME="keywords" CONTENT="Web, Online, Internet, Web2.0, Communication, Kommunikation, Business, Marketing, Technik, Gadgets">
<META NAME="description" CONTENT="Weblog über eBusiness, Marketing, Kommunikation und Gesellschaft im Zeitalter von Web 2.0">
<META NAME="author" CONTENT="Christian Muench">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="de">
<meta name="revisit-after" content="1 days">
<META name="verify-v1" content="p4C8gqAqZeOc3b5jknPxcwM/IWW5V2sSvOcGtAsZIWQ=" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<link rel="alternate" type="application/atom+xml" title="public.beta (Atom 0.3)" href="http://feeds.feedburner.com/public-beta" />
<link rel="alternate" type="application/rss+xml" title="public.beta (RSS 2.0)" href="http://feeds.feedburner.com/public-beta" />
<link rel="service.post" type="application/atom+xml" title="public.beta" href="https://www.blogger.com/atom/32422039" />
<link rel="service.post" type="application/atom+xml" title="public.beta (Atom 1.0)" href="http://www.blogger.com/feeds/32422039/posts/summary" />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=32422039" />
<style type="text/css">
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=32422039");
</style>
<script type="text/javascript" src="http://www.blogger.com/js/backlink.js"></script>
<script type="text/javascript" src="http://www.blogger.com/js/backlink_control.js"></script>

<script type="text/javascript">var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "32422039";</script>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */


body {
  background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0;
  margin:0;
  padding:0 10px;
  text-align:center;
  font:x-small Verdana,Arial,Sans-serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;
    width:700px;
    margin:0 auto;
    padding:50px 0;
    text-align:left;
    }
  #main {
    width:450px;
    float:right;
    padding:50px 0 20px;
    font-size:85%;
    }
  #main2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;
    padding:20px 10px 15px;
    }
  #sidebar {
    width:200px;
    float:left;
    font-size:85%;
    padding-bottom:20px;
    }
  #sidebar2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px;
    padding:5px 10px 15px;
    width:200px;
    width/* */:/**/180px;
    width: /**/180px;
    }
  #sidebar3 {
    width:200px;
    float:right;
    font-size:85%;
    padding-bottom:20px;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  #sidebar2 {
    width:100%;
    }
  }
html>body #main, html>body #sidebar {
  /* We only give this fade from white to nothing to
     browsers that can handle 24-bit transparent PNGs  */
  background/* */:/**/url("http://www.blogblog.com/dots/bg_white_fade.png") repeat-x left bottom;
  }


/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-title a {
    color:#353;
    text-decoration:none;
    }
  #description {
    margin:0 0 1.75em;
    color:#996;
    }
  #blog-mobile-title {
    display:none;
    }
  #description-mobile {
    display:none;
    }
  }
@media handheld {
  #blog-title {
    display:none;
    }
  #description {
    display:none;
    }
  #blog-mobile-title {
    display:block;
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-mobile-title a {
    color:#353;
    text-decoration:none;
    }
  #description-mobile {
    display:block;
    margin:0 0 1.75em;
    color:#996;
    }
  }

/* Links
----------------------------------------------- */
a:link {
  color:#488;
  }
a:visited {
  color:#885;
  }
a:hover {
  color:#000;
  }
a img {
  border-width:0;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
.post {
  margin:0 0 2.5em;
  line-height:1.6em;
  }
.post-title {
  margin:.25em 0;
  font:bold 130%/1.4em Georgia,Serif;
  color:#333;
  }
.post-title a, .post-title strong {
  background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em;
  display:block;
  color:#333;
  text-decoration:none;
  padding:0 0 1px 45px;
  }
.post-title a:hover {
  color:#000;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  margin:0;
  text-align:right;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#996;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #cca;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #9b9;
  padding-top:.5em;
  font:bold 110%/1.4em Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #cc9;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }
  </style>

</head>



<body>

<!-- Begin #content -->

<div id="content">

<!-- Begin #main - Contains main-column blog content -->

<div id="main"><div id="main2">

  <h1 id="blog-mobile-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description-mobile">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>



    
  <h2 class="date-header">10 Oktober 2006</h2>
  

         <!-- Begin .post -->

  <div class="post"><a name="116049311121169027"></a>

         

    <h3 class="post-title">
	 <a href="http://www.public-beta.com/2006/10/video-hyperlinking.html" title="Video Hyperlinking" rel="bookmark">
	 Video Hyperlinking
	 </a>
    </h3>
    

         <div class="post-body">
	<p>
      <div style="clear:both;"></div><img src="http://www.public-beta.com/_gif/adivi.jpg" /><br /><br />Weil es heute so schön zum YouTube-Thema passt:<br />Video Hyperlinking ist ein Phänomen, über das noch erstaunlich wenig geredet wird. Dabei ist eigentlich nichts naheliegender, als Objekte in Videos frei mit Hyperlinks zu belegen und mit anderen Objekten zu verknüpfen. Seien dies nun andere Videos, Bilder, Textdokumente oder was auch immer. Daraus könnte sich ein völlig neues Nutzererlebnis ergeben - online, oder in Teilen sicher auch offline.<br /><br />Sowas könnte man heute wohl schon problemlos mit Flash realisieren. Aber es gibt bereits eigene Standards dafür, ADIVI  zum Beispiel. Wie das konkret aussehen kann, zeigt die Firma CAPcom <a href="http://www.capcom.de/ADIVI.88.0.html">hier an Beispielen.</a><br />Die Einsatzmöglichkeiten sind endlos. Egals ob Webvideos, Produktpräsentationen, redaktioneller Content, Schulungsfilme, technische Dokumentationen, Shopping-TV etc.<br /><br />Der Economist hat einen Überblick zu dem Thema: <a href="http://www.economist.com/science/tq/displayStory.cfm?story_id=7904166">From hypertext to hypervideo.</a><div style="clear:both; padding-bottom: 0.25em;"></div>
    </p>

    </div>

        <p class="post-footer">

      <em>posted by Q-BEE @ <a href="http://www.public-beta.com/2006/10/video-hyperlinking.html" title="permanent link">17:11</a></em>&nbsp;

       <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=32422039&amp;postID=116049311121169027" title="Email Post"><span class="email-post-icon">&nbsp;</span></a></span><span class="item-control admin-49481215 pid-184314751"><a style="border:none;" href="http://www.blogger.com/post-edit.g?blogID=32422039&amp;postID=116049311121169027&amp;quickEdit=true" title="Edit Post"><span class="quick-edit-icon">&nbsp;</span></a></span>

    </p>

    </div>

  <!-- End .post -->

        <!-- Begin #comments -->
 
  <div id="comments">

	<a name="comments"></a>



    <h4>0 Comments:</h4>

        <dl id="comments-block">
      

    </dl>
		<p class="comment-timestamp">
    <a class="comment-link" href="http://www.blogger.com/comment.g?blogID=32422039&amp;postID=116049311121169027">Kommentar veröffentlichen</a>
    </p>
    	    
    
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <script type="text/javascript" src="http://www.blogger.com/dyn-js/backlink.js?blogID=32422039&postID=116049311121169027" charset="utf-8" defer="true">
</script>
<noscript><a href="http://search.blogger.com/blogsearch?q=link:http%3A%2F%2Fwww.public-beta.com%2F2006%2F10%2Fvideo-hyperlinking.html">See links to this post</a></noscript>
<div id="blogger-dcom-block" style="display:none">
        <dt class="comment-title">
        <span class="comment-toggler">&nbsp;</span>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <span class="item-control admin-49481215"><a style="border:none;" href="http://www.blogger.com/delete-backlink.g?blogID=32422039&amp;postID=116049311121169027&amp;backlinkURL=%3C$BlogBacklinkURLEscaped$%3E" title="Link entfernen" ><span class="delete-comment-icon">&nbsp;</span></a></span>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </div>
<script type="text/javascript">if (typeof BL_addOnLoadEvent == 'function') { BL_addOnLoadEvent(function() { BL_writeBacklinks(); }); }</script>

    </dl>
    <p class="comment-timestamp"><script type="text/javascript">

function BlogThis() {Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) { Q=y.getSelection();} else if (x.getSelection) { Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');void(0);}</script>
<a class="comment-link" href="javascript:BlogThis();" id="b-backlink">Link erstellen</a></p>
    


		<p class="comment-timestamp">

	<a href="http://www.public-beta.com">&lt;&lt; Home</a>
    </p>
    </div>



  <!-- End #comments -->



</div></div>

<!-- End #main -->




<!-- Begin #sidebar -->

<div id="sidebar"><div id="sidebar2">

    <h1 id="blog-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>







  <!-- Begin #profile-container -->

            <div id="profile-container"> <h2 class="sidebar-title">About Me</h2> <dl class="profile-datablock">   <dt class="profile-img"> <a href="http://www.blogger.com/profile/2756273"> <img width="75" alt="My Photo" height="75" src="http://static.flickr.com/33/50179485_d9cfee0e1a_s.jpg">   </a> </dt>   <dd class="profile-data"> <strong>Name:</strong>Q-BEE </dd>  <dd class="profile-data"> <strong>Location:</strong>Cologne, Germany </dd>  </dl>  <p class="profile-textblock"> <a href="https://www.openbc.com/hp/Christian_Muench/">At  OpenBC</a>
<p>
<a href="http://www.d-sire.com/">At my desk</a>
<p>
<a href="http://www.technorati.com/claim/menwca6kj5" rel="me">Technorati Profile</a> </p>  <p class="profile-link"> <a href="http://www.blogger.com/profile/2756273">View my complete profile</a> </p> </div>  

  <!-- End #profile -->



      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    
        <li><a href="http://www.public-beta.com/2006/10/grndermythos-des-web-20.html">Gründermythos des Web 2.0</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/youtube-geht-fr-16-mrd-ber-den-tisch.html">YouTube geht für 1,6 Mrd. über den Tisch</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/web-montag.html">Web Montag</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/google-vor-youtube-bernahme.html">Google vor YouTube Übernahme?</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/relaunch-bei-webde.html">Relaunch bei WEB.DE</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/globales-musik-wiki-gestartet.html">Globales Musik-Wiki gestartet</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/erste-virtuelle-werbeagentur-in-second.html">Erste virtuelle Werbeagentur in Second Life</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/geo-codierte-fotos-fr-alle.html">Geo-Codierte Fotos für alle</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/google-gadgets.html">Google Gadgets</a></li>

     
        <li><a href="http://www.public-beta.com/2006/09/pause.html">Pause</a></li>

     
  </ul>

    

<!-- Stay tuned -->

<h2 class="sidebar-title">Stay tuned</h2>
<p><a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="border:0"/></a> <a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml">RSS-Feed</a> 
<p>

<a href="http://feeds.feedburner.com/public-beta"><img src="http://feeds.feedburner.com/~fc/public-beta?bg=999966&amp;fg=FFFFFF&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>

</p>
<br>
<p><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" alt="" style="border:0"/></a></p>
<p><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://www.newsgator.com/images/ngsub1.gif" alt="Subscribe in NewsGator Online" style="border:0"/></a></p>
<p><a href="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/public-beta"><img src="http://www.netvibes.com/img/add2netvibes.gif" width="91" height="17" alt="Add to netvibes" style="border:0" /></a></p>
<p><a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/public-beta"><img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" style="border:0" alt="Add to Google"/></a></p>
<p>
<h2 class="sidebar-title">Blogs I like</h2>
<ul>
   <li><a href="http://ecommerce.typepad.com/exciting_ecommerce/">Exiting Commerce</a></li>
   <li><a href="http://www.fischmarkt.de">Fischmarkt</a></li>
   <li><a href="http://www.e-commerce-blog.de/">E-Commerce Blog</a></li>
   <li><a href="http://www.smartmobs.com">Smartmobs</a></li>
   <li><a href="http://blog.wired.com/monkeybites/">Monkey Bites</a></li>
   <li><a href="http://www.web2null.de/">Web2Null</a></li>
   <li><a href="http://www.adverblog.com/">Adverblog</a></li>
   <li><a href="http://www.connectedmarketing.de/">Connected Marketing</a></li>
</ul>

<h2 class="sidebar-title">Current Location</h2>

<embed src="http://beta.plazes.com:80/tools/badge.swf?nocache=1158065741" wmode="transparent" width="180" height="120" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" swLiveConnect="true" FlashVars="key=6fc9df4ae707488b27214316fa7a31c7&amp;dark=000000&amp;light=000000&amp;text=ffffff&amp;link=33cc00" />

<!-- Start of Flickr Badge -->

<h2 class="sidebar-title">My Photos</h2>
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#669999;}
#flickr_badge_wrapper {border: solid 1px #CCCC66}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=latest&size=t&layout=v&source=user&user=35468140055%40N01"></script>
</table>
</td></tr></table>
<!-- End of Flickr Badge -->


  </div></div>

<!-- End #sidebar -->


<!-- Begin #footer -->

<div id="footer"><hr />


  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>



</div>

<!-- End #footer -->



</div>

<!-- End #content -->

<script src="http://getclicky.com/1107.js"> </script>
<noscript><img height=0 width=0 src="http://getclicky.com/1107ns.gif"></noscript>

<!-- Google Analytivs -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-622956-1";
urchinTracker();
</script>
<!-- Google Analytics End -->

</body>

</html>�