Video Mp4 auf einer MVC Seite anzeigen.

Question

Hallo NG,

ich möchte auf einer Seite meiner Homepage Filme im mp4 format abspielen.

Ich habe leider bisher nichts im Net gefunden auf das ich aufbauen kann. Kennt jemand einen Link wo mal ein Beispiel sehen kann wie man u.a. mit Quicktime Add On einen Film abspielen kann?

Danke für jeden Tipp und Hinweis.

 

Grüße  Ingo

Answer 1

Hallo Ingo,

das ist auch kein Wunder, dass Du da nichts findest. Das ist eine rein clientseitige Geschichte.

Schau dir mal den Open Video Player (kommt von Akamai) an. Den gibts für Flash, Silverlight, iPhone und Co. sowie als Html 5 Player.

Der sollte das können :)

 

---

Gruß, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

Answer 2

Hallo Stefan,

 

zuerst einmal Danke für den link.

Ich habe mir das angesehen, leider ist mein Englisch nicht das allerbeste.

Habe ich es richtig verstanden das es eingenlich nur der script ist:

<script type='text/javascript' src='swfobject.js'>
</script>
<script type='text/javascript'>
var flashvars = {src: 'Movies/test.mp4',autostart: 'true',themeColor: '0395d3',mode: 'sidebyside',scaleMode: 'fit',frameColor: '333333',fontColor: 'cccccc',link: '',embed: ''};
var params = {allowFullScreen: 'true'};
var attributes = {id: 'myPlayer',name: 'myPlayer'};
swfobject.embedSWF('AkamaiFlashPlayer.swf', 'myPlayerGoesHere', '774', '469', '9.0.0', 'expressInstall.swf', flashvars, params, attributes);
</script>

Was ist leider nicht gefunden habe, wie ich den script starte, da ja keine function vorhanden ist.

 

Grüße  Ingo

Answer 3

Hallo Ingo,

schau mal hier:

  http://openvideoplayer.sourceforge.net/ovpfl/akamai_multi_player/Konfigurator.html

Da kannst Du das komplett konfigurieren und dir den kompletten HTML Code anschauen (und die benötigten Dateien runterladen).

Der Player spielt das ganze automatisch ab, da autostart: true angegeben wurde.

Du musst nur darauf achten, dass zum einen die Pfade alle stimmen (dass also bspw. die AkamaiFlashPlayer.swf dort liegt, wo Du sie angegeben hast, das Video korrekt ausgeliefert wird, ...) und ggfs. noch eine crossdomain.xml und clientaccesspolicy.xml hinterlegen (ob letzteres notwendig ist, kommt auf verschiedene Umstände an). Wenns nicht klappt, einfach mal den beiden Dateinamen googlen (oder bingen^^)

 

---

Gruß, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

Answer 4

Hallo Stefan,

 

danke. Ich spiele damit mal rum, bis ich es verstanden habe.

 

Grüße Ingo

Answer 5

Hallo NG,

 

ich habe die akamai-multi-player-files.zip entpackt.

swfobject.js habe ich noch Scrits kopiert.

AkamaiFlashPlayer.swf und expressInstall.swf nach App_Data.

 

Meine Film habe ich im Verzeichnis \Downloads

Dann habe ich folgenden script angepasst:

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript" src="<%= Url.Content("~/Scripts/swfobject.js") %>"></script>
<script type='text/javascript'>
    var flashvars = { src: '~/Downloads/Anmeldung.mp4', autostart: 'true', themeColor: '0395d3', mode: 'sidebyside', scaleMode: 'fit', frameColor: '333333', fontColor: 'cccccc', link: '', embed: '' };
    var params = { allowFullScreen: 'true' };
    var attributes = { id: 'myPlayer', name: 'myPlayer' };
    swfobject.embedSWF('~/App_Data/AkamaiFlashPlayer.swf', 'myPlayerGoesHere', '774', '469', '9.0.0', '~/App_Data/expressInstall.swf', flashvars, params, attributes);
</script>
    <h2>Film</h2>
    <div id='myPlayerGoesHere'>
       <a href='http://www.adobe.com/go/getflashplayer'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>
  </div>
</asp:Content>

 

Leider wird nichts angezeigt. Kann mir jemand helfen??

 

Danke im voraus.

 

Grüße  Ingo

Answer 6

Hallo Ingo,

App_Data ist ein geschützter Ordner, der nur zur Ablage von Dateien gedacht ist, die eben nicht vom Client aus heruntergeladen werden dürfen. Pack die SWF Datei daher in einen anderen Ordner (bspw. /Flash), dann sollte es grundsätzlich schon mal gehen.

Du verwendest aber in rein clientseitigem Kontext ~/, das wird nur in Servercontrols aufgelöst. Also schreib lieber /Downloads/Datei.... wobei / immer auf den Root der Website verweist. Wenn deine Anwendung in einem Unterordner liegt, musst Du den Namen dann auch im Pfad mitgeben.

Alternativ setz was serverseitiges ein und geh über ResolveClientUrl( "~/Download/Anmeldung.mp4" ) .

 

---

Gruß, Stefan
Microsoft MVP - Visual Developer ASP/ASP.NET
http://www.asp-solutions.de/ - Consulting, Development
http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

Answer 7

Hallo Stefan,

 

Danke für die Hilfe, jetzt klappt es!!!!