https://www.berlin-mauer.de/meine-doku/

1
2
3<!DOCTYPE html>
4<html class="no-js" lang="de" itemscope itemtype="http://schema.org/WebPage">
5	<head>
6		<meta charset="utf-8" />
7		<meta name="Content-Language" content="de">
8
9		
10		

10<script>
11			document.documentElement.className =
12				document.documentElement.className.replace(/\bno-js\b/, 'js') +
13				(window.matchMedia('(hover: none) and (pointer: coarse)').matches ? ' touch' : ' no-touch');
14		</script>

14
15
16		<meta name="robots" content="index,follow" />
17		<meta name="siteinfo" content="/robots.txt" />
18
19		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />
20		<meta name="HandheldFriendly" content="True" />
21		<meta name="MobileOptimized" content="320" />
22
23		
24			<title>Geschichte der Berliner Mauer und Mauerfalls: Eigene Video-Doku kreieren - rbb</title>
25			<meta name="description" content="Erstellen Sie Ihre eigene Video-Playlist aus dem Videomaterial zur Geschichte der Berliner Mauer und des Mauerfalls und teilen Sie diese mit Freunden." />
26
27			<meta property="og:title" content="Geschichte der Berliner Mauer und Mauerfalls: Eigene Video-Doku kreieren - rbb" />
28			<meta property="og:description" content="Erstellen Sie Ihre eigene Video-Playlist aus dem Videomaterial zur Geschichte der Berliner Mauer und des Mauerfalls und teilen Sie diese mit Freunden." />
29			<meta property="og:image" content="https://www.berlin-mauer.de/static/img/icons/sharing-default.4c724c4cba74.jpg" />
30			<meta property="og:site_name" content="Geschichte der Berliner Mauer und des Mauerfalls in Videos und Bildern - rbb" />
31			<meta property="og:type" content="website" />
32			<meta property="og:url" content="https://www.berlin-mauer.de/meine-doku/" />
33			<meta property="og:locale" content="de_DE" />
34
35			<meta itemprop="name" content="Geschichte der Berliner Mauer und Mauerfalls: Eigene Video-Doku kreieren - rbb" />
36			<meta itemprop="description" content="Erstellen Sie Ihre eigene Video-Playlist aus dem Videomaterial zur Geschichte der Berliner Mauer und des Mauerfalls und teilen Sie diese mit Freunden." />
37			<meta itemprop="image" content="https://www.berlin-mauer.de/static/img/icons/sharing-default.4c724c4cba74.jpg" />
38			<meta itemprop="url" content="https://www.berlin-mauer.de/meine-doku/" />
39			<meta itemprop="inLanguage" content="de_DE" />
40
41			<meta name="twitter:site" content="@rbbinforadio" />
42			<meta name="twitter:creator" content="@rbbinforadio" />
43			<meta name="twitter:card" content="summary_large_image" />
44			<meta name="twitter:title" content="Geschichte der Berliner Mauer und Mauerfalls: Eigene Video-Doku kreieren - rbb" />
45			<meta name="twitter:description" content="Erstellen Sie Ihre eigene Video-Playlist aus dem Videomaterial zur Geschichte der Berliner Mauer und des Mauerfalls und teilen Sie diese mit Freunden." />
46			<meta name="twitter:image" content="https://www.berlin-mauer.de/static/img/icons/sharing-default.4c724c4cba74.jpg" />
47
48			<meta name="apple-mobile-web-app-capable" content="yes">
49			<meta name="apple-mobile-web-app-status-bar-style" content="black">
50			<meta name="apple-mobile-web-app-title" content="Geschichte der Berliner Mauer">
51			<link rel="apple-touch-icon-precomposed" href="/static/img/icons/apple-touch-icon-57x57-precomposed.3d972f864a9d.png" />
52			<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/static/img/icons/apple-touch-icon-57x57-precomposed.3d972f864a9d.png" />
53			<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/static/img/icons/apple-touch-icon-72x72-precomposed.b8e8213933bd.png" />
54			<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/static/img/icons/apple-touch-icon-114x114-precomposed.93ff39b392c9.png" />
55			<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/static/img/icons/apple-touch-icon-144x144-precomposed.637756c119d1.png" />
56
57			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-portrait-320x460.0bf32d0d74ba.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" />
58			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-portrait-640x920.20ec1f8c8d61.png" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" />
59			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-portrait-640x1096.0b843ca9543b.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" />
60			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-portrait-768x1004.1c9559e6a95f.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" />
61			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-portrait-1536x2008.31693bc93ec1.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" />
62			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-landscape-1024x748.4d43bfa79044.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" />
63			<link rel="apple-touch-startup-image" href="/static/img/icons/apple-touch-startup-image-landscape-2048x1496.40c6e3dccd19.png" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" />
64
65			<meta name="application-name" content="Die berliner Mauer"/>
66			<meta name="msapplication-starturl" content="https://www.berlin-mauer.de" />
67			<meta name="msapplication-TileColor" content="#ffffff" />
68			<meta name="msapplication-TileImage" content="https://www.berlin-mauer.de/static/img/icons/msapplication-tileimage.728e336a28ca.jpg">
69			<meta name="msapplication-square70x70logo" content="/static/img/icons/msapplication-square70x70logo.20b925aece72.png"/>
70			<meta name="msapplication-square150x150logo" content="/static/img/icons/msapplication-square150x150logo.6061b4a27933.png"/>
71			<meta name="msapplication-square310x310logo" content="/static/img/icons/msapplication-square310x310logo.519b65e7fbaf.png"/>
72			<meta name="msapplication-wide310x150logo" content="/static/img/icons/msapplication-wide310x150logo.2cd30e0ba055.png"/>
73
74			<link rel="shortcut icon" href="/static/favicon.db312625da44.ico" />
75
76			
77		
78	
79		
80
81		
82			<link rel="stylesheet" type="text/css" href="/static/dist/styles.7ff5bff30752.css" />
83		
84		<link rel="stylesheet" href="https://www.rbb-online.de/static/rbb/bingmaps/mauer/custom.css" />
85
86		

86<script src="/jsi18n/"></script>

86
87	</head>
88	<body>
89		<div id="header">
90			<div class="wrapper">
91				
92					<a href="/" title="rbb Rundfunk Berlin-Brandenburg – Die berliner Mauer" rel="index">
93						<span class="logo">rbb Rundfunk Berlin-Brandenburg</span>
94						<span class="title">
95							Die berliner <em>Mauer</em>
96							<sub>Geschichte in Bildern</sub>
97						</span>
98					</a>
99
100					
101
102
103
104
105
106
107
108
109<nav role="navigation">
110	<ul class="navigation">
111
112		<li class="navigation-type">
113			<ul>
114				<li class="navigation-timeline inactive">
115					<a href="/" title="Alle Videos auf der Zeitleiste ansehen">
116						<span>Zeitleiste</span>
117					</a>
118				</li>
119				<li class="navigation-map inactive">
120					<a href="/karte/" title="Alle Videos auf der Karte ansehen">
121						<span>Karte</span>
122					</a>
123				</li>
124			</ul>
125		</li>
126
127		
128
129		<li class="navigation-documentary">
130			<a href="/meine-doku/" title="Meine Doku anzeigen">
131				<span>Meine Doku</span>
132			</a>
133		</li>
134
135		<li class="navigation-routes">
136			<a href="/touren/" title="Touren anzeigen">
137				<span>Touren</span>
138			</a>
139		</li>
140
141		<li class="navigation-search">
142			<a href="/suche/" title="Videos durchsuchen">
143				<span>Suche</span>
144			</a>
145		</li>
146		<li class="navigation-language">
147			<span>Sprache</span>
148			<ul>
149				<li class="active first "><a href="https://www.berlin-mauer.de/meine-doku/" hreflang="de" title="Deutsch"><em>de</em><span>Deutsch</span></a></li><li class="  last"><a href="https://www.the-berlin-wall.com/my-documentary/" hreflang="en" title="Englisch"><em>en</em><span>Englisch</span></a></li>
150			</ul>
151		</li>
152
153		<li class="navigation-secondary">
154			<ul>
155				<li>
156					<a class="link-more-info" href="/#mehr-infos" title="Mehr Infos">Mehr Infos</a>
157				</li>
158				<li>
159					<a href="/ueber-das-projekt/" title="Über das Projekt">Über das Projekt</a>
160				</li>
161				<li>
162					<a href="/impressum/" title="Impressum">Impressum</a>
163				</li>
164				<li class="navigation-share">
165					<span>Teilen</span>
166					<ul>
167						<li class="navigation-share-facebook">
168							<a href="https://www.facebook.com/sharer.php?u=https%3A//www.berlin-mauer.de" title="Auf Facebook teilen" target="_blank">Facebook</a>
169						</li>
170						<li class="navigation-share-twitter">
171							<a href="https://twitter.com/intent/tweet?status=Geschichte%20der%20Berliner%20Mauer%20und%20des%20Mauerfalls%20in%20Videos%20und%20Bildern%20-%20rbb%20https%3A//www.berlin-mauer.de" title="Auf Twitter teilen" target="_blank">Twitter</a>
172						</li>
173						<li class="navigation-share-googleplus">
174							<a href="https://plus.google.com/share?url=https%3A//www.berlin-mauer.de" title="Auf Google+ teilen" target="_blank">Google+</a>
175						</li>
176						<li class="navigation-share-mail">
177							<a href="mailto:?subject=Geschichte der Berliner Mauer und des Mauerfalls in Videos und Bildern - rbb&body=https%3A//www.berlin-mauer.de" title="Per E-Mail teilen">Mail</a>
178						</li>
179					</ul>
180				</li>
181			</ul>
182		</li>
183
184	</ul>
185</nav>
186
187					
188
189<div id="suche" class="search">
190	<form action="/suche/" method="GET">
191		<div class="search-field">
192			<input type="text" name="lookup" placeholder="_Bitte Suchbegriff eingeben" />
193		</div>
194		<div class="search-submit">
195			<button type="submit">Suche</button>
196		</div>
197	</form>
198</div>
199
200				
201			</div>
202		</div>
203
204		<div id="content">
205			
206
207			
208	<form class="documentary-form empty" action="/meine-doku/" method="post">
209		<input type="hidden" name="csrfmiddlewaretoken" value="CU2o4UzahPF5h0opmjghez6MkmdimdeXqEwzViPkg4eC1UxltsmoIZxeCN3uZBFG">
210
211		
212		<div class="documentary-content">
213			<div class="player-wrapper">
214				<div>
215					<div id="player"></div>
216				</div>
217			</div>
218
219			
220
221<div class="documentary-description">
222	<h1>Sie haben hier die Möglichkeit eine eigene Videodokumentation mit bis zu 20 Videos zum Thema zu erstellen.</h1>
223	<p>
224		Jedes Video kann in der Videodetailansicht über den Button <em>"Zu Meine Doku hinzufügen"</em> zu dieser Doku hinzugefügt werden.<br />
225Anschließend können Sie die Reihenfolge der Videos verändern, Videos löschen und ihrer Dokumentation einen eigenen Namen geben.<br />
226Sie können ihre Dokumentation anschließend auch mit ihren Freunden und Bekannten teilen.
227		
228	</p>
229</div>
230
231
232			
233				
234
235
236<div class="documentary-empty">
237	<h2>Ihre Doku ist leer.</h2>
238</div>
239
240			
241		</div>
242	</form>
243
244		</div>
245
246
247		
248		
249
250		
251		
252	
253			

253<script>
254				window.mauerfallConfig = window.mauerfallConfig || {};
255				//general:
256				window.mauerfallConfig.mobileMax = 700;
257				//messages:
258				window.mauerfallConfig.messages = {};
259				window.mauerfallConfig.messages.transition = 200;
260				window.mauerfallConfig.messages.duration = 5000;
261				//sharing:
262				window.mauerfallConfig.sharing = {};
263				window.mauerfallConfig.sharing.facebook = 'https://www.facebook.com/sharer.php?u=##url##&t=##description##';
264				window.mauerfallConfig.sharing.twitter = 'https://twitter.com/intent/tweet?status=##description##%20##url##';
265				window.mauerfallConfig.sharing.googleplus = 'https://plus.google.com/share?url=##url##&t=##title##';
266				window.mauerfallConfig.sharing.mail = 'mailto:?subject=##title##&body=##url##';
267				//tracking:
268				window.mauerfallConfig.tracking = {};
269				window.mauerfallConfig.tracking.onApplicationStart = true;
270				
271			</script>

271
272		
273	

273<script>
274		window.mauerfallConfig = window.mauerfallConfig || {};
275		window.mauerfallConfig.documentary = {};
276		window.mauerfallConfig.documentary.transition = 200;
277
278		window.mauerfallConfig.documentary.player = {};
279		window.mauerfallConfig.documentary.player.baseUrl = '/static/player/';
280		window.mauerfallConfig.documentary.player.autoplay = true;
281	</script>

281
282
283
284		
285		
286	
287
288{#
289	Third-party scripts of the ARD video player.
290
291	The player is not available as a package and expects jQuery and a few
292	helpers as globals, so these stay classic scripts outside the module
293	bundle. `PlayerView` (frontend/js/common/views/player.js) only talks to the
294	resulting `window.ardplayer` namespace.
295
296	Load order matters: jQuery and its plugins first, then the player core and
297	its subtitle add-on. frontend/tests/markup.mjs reads this file, so the
298	smoke test fails if a script goes missing.
299#}

300<script src="/static/js/libs/jquery/jquery.b36eb23c1858.js"></script>

300

301<script src="/static/js/libs/jquery/jquery.cookie.27e158056d14.js"></script>

301

302<script src="/static/js/libs/ardplayer/jquery.tools.min.0b2f74d87959.js"></script>

302

303<script src="/static/js/libs/ardplayer/mm.useractivity.4f1b637e9fe8.js"></script>

303
304

305<script src="/static/js/libs/ardplayer/swfobject.892a543f3abb.js"></script>

305

306<script src="/static/js/libs/ardplayer/shortcut.2ba64d8f64a5.js"></script>

306

307<script src="/static/js/libs/ardplayer/bigscreen.9a20f6ee0fc9.js"></script>

307

308<script src="/static/js/libs/ardplayer/hls.light.min.193d437c2105.js"></script>

308
309

310<script src="/static/js/libs/greensock/TweenLite.min.912430cce2c2.js"></script>

310

311<script src="/static/js/libs/greensock/Draggable.min.d12f8cf877a5.js"></script>

311

312<script src="/static/js/libs/greensock/CSSPlugin.min.e6620a9638d4.js"></script>

312
313

314<script src="/static/js/libs/ardplayer/base.min.fed31f6d6227.js"></script>

314

315<script src="/static/js/libs/ardplayer/addons/EbuSubtitleController.7fe2424a7445.js"></script>

315

316<script src="/static/js/libs/ardplayer/addons/AddonUntertitel_ebu_tt.e7804422e4e1.js"></script>

316
317
318	

318<script type="module" src="/static/dist/documentary.79996283d1fd.js"></script>

318
319
320
321		
322			

322<script src="//www.rbb-online.de/static/rbb/analytics/analytics.js"></script>

322
323		
324	</body>
325</html>