Html5 : Fichier vidéo non trouvé

Question

J'ai vu d'autres messages et essayé différentes résolutions, mais aucune ne fonctionne pour moi.

Le fichier vidéo est bien lu dans Chrome mais donne l'erreur suivante

html5 : fichier non trouvé

dans IE10 et FF

A l'origine, j'avais simplement le code suivant

<div class="flowplayer">
    <video>
         <source class="video-source" type="video/mp4" src="@Model.VideoURL" />
    </video>
</div>

puis j'ai mis à jour le code basé sur este

<div class="flowplayer">
    <video>
        <!-- if Firefox -->  
        <source src="@Model.VideoURL" type="video/ogg" />  
        <!-- if Safari/Chrome-->  
        <source src="@Model.VideoURL" type="video/mp4" />  
        <!-- If the browser doesn't understand the <video> element, then reference a Flash file. You could also write something like "Use a Better Browser!" if you're feeling nasty. (Better to use a Flash file though.) -->
        <embed src="@Model.VideoURL" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> 
    </video>
</div>

Je tire mes vidéos d'AWS, l'url de la vidéo ressemble à ceci

 https://myurl.cloudfront.net/MyGuid

UPDATE

J'ai modifié mon code comme suit doc

HTML

<div class="player" data-engine="flash">
   <video preload="none">
      <source type="video/ogg" src="@Model.VideoURL">
      <source type="video/webm" src="@Model.VideoURL">
      <source type="video/mp4" src="@Model.VideoURL">
   </video>
</div>

Javascript

  $(".player").flowplayer({ swf: "/Content/swf/flowplayer.swf" });

cela fonctionne bien dans IE10 et Chomre, mais dans FF je reçois l'erreur

html5: Video file not found
'https://myurl.cloudfront.net/myGuid' 
//this is the correct url and the one that is located in @Model.VideoURL

MISE À JOUR 2

Je suppose que Firefox n'aime pas les urls abosultes d'autres sites. aquí

J'ai essayé de configurer un attribut personnalisé en utilisant la suggestion de ce type

mais je reçois toujours la même erreur (html5 : Video file not found)

Answer 1

L'erreur n'était pas l'url ou le flowplayer. C'était la façon dont je stockais mes données dans AWS. Je n'ai pas spécifié le type de contenu lorsque j'ai téléchargé la vidéo. Chrome était assez intelligent pour le comprendre et avec Flash, IE l'était aussi, mais FF ne l'a jamais été.

Nouveau code de téléchargement de fichiers

using (AmazonS3Client client = new AmazonS3Client())
{
     var bucketObject = new PutObjectRequest
     {
          BucketName = fileStorageProvider.BucketName,
          Key = awsFileName,
          ContentType = "video/mp4", //new line of code
          CannedACL = S3CannedACL.PublicRead
     };

     bucketObject.WithInputStream(file.InputStream);
     client.PutObject(bucketObject);
}