Note that there are some explanatory texts on larger screens.

plurals
  1. POFlowplayer not working with amazon s3 signed urls
    text
    copied!<p>Flowplayer doesn't seem to like query strings in the url. Why does this work:</p> <pre><code>{% extends "base.html" %} {% block extra_head %} &lt;!-- 1. jquery library --&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt; &lt;/script&gt; &lt;!-- 2. flowplayer --&gt; &lt;script src="http://releases.flowplayer.org/5.2.1/flowplayer.min.js"&gt;&lt;/script&gt; &lt;!-- 3. skin --&gt; &lt;link rel="stylesheet" type="text/css" href="http://releases.flowplayer.org/5.2.1/skin/minimalist.css" /&gt; {% endblock %} {% block content %} &lt;div class="flowplayer"&gt; &lt;video src="https://mybucketname.s3.amazonaws.com/videos/Quixotic_2012.mp4"&gt;&lt;/video&gt; &lt;/div&gt; {% endblock %} </code></pre> <p>but this doesn't:</p> <pre><code>{% extends "base.html" %} {% block extra_head %} &lt;!-- 1. jquery library --&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt; &lt;/script&gt; &lt;!-- 2. flowplayer --&gt; &lt;script src="http://releases.flowplayer.org/5.2.1/flowplayer.min.js"&gt;&lt;/script&gt; &lt;!-- 3. skin --&gt; &lt;link rel="stylesheet" type="text/css" href="http://releases.flowplayer.org/5.2.1/skin/minimalist.css" /&gt; {% endblock %} {% block content %} &lt;div class="flowplayer"&gt; &lt;video src="https://mybucketname.s3.amazonaws.com/videos/Quixotic_2012.mp4?Signature=mrsCPFcFOK5tceBieh5Ii%2BewNVk%3D&amp;Expires=1355962607&amp;AWSAccessKeyId=1VDAPQXESPKD9EKFT2R2"&gt;&lt;/video&gt; &lt;/div&gt; {% endblock %} </code></pre> <p>and what would be a good way or getting flowplayer to work with signed urls?</p> <p>EDIT: I get this error in the Javascript console: HTTP "Content-Type" of "video/mp4" is not supported. Load of media resource <a href="https://mybucketname.s3.amazonaws.com/videos/Quixotic_2012.mp4?Signature=hVStvUqQLIAhY4h%2Bp839LTNmvDo%3D&amp;Expires=1355975423&amp;AWSAccessKeyId=1VDAPQXESPKD9EKFT2R2" rel="nofollow">https://mybucketname.s3.amazonaws.com/videos/Quixotic_2012.mp4?Signature=hVStvUqQLIAhY4h%2Bp839LTNmvDo%3D&amp;Expires=1355975423&amp;AWSAccessKeyId=1VDAPQXESPKD9EKFT2R2</a> failed.</p> <p>I have verified that the signature is correct. The link works when pasting it into the address bar.</p> <p>UPDATE: It works if I add type="video/mp4" to the video tag. Now I just need to figure out how to dynamically determine the mimetype of a file object in a Django template. Hopefully it's as easy as {{ object.video.mimetype }}, although that itself is incorrect.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload