blob: 61d4b142579015561b1a1da222ebbf5d47e834c7 [file] [log] [blame]
<!DOCTYPE HTML>
<html>
<head>
<title>Video element src attribute must match src list - negative test</title>
<meta name=timeout content=long>
<script src='/resources/testharness.js'></script>
<script src='/resources/testharnessreport.js'></script>
</head>
<body>
<h1>Video element src attribute must match src list - negative test</h1>
<div id='log'></div>
<script>
var src_test = async_test("Disallowed async video src");
var source_test = async_test("Disallowed async video source element");
// we assume tests are run from 'hostname' and 'www.hostname' or 'www2.hostname' is a valid alias
var mediaURL = location.protocol +
"//www2." +
location.hostname +
":" +
location.port +
"/media/white.mp4";
function media_loaded(t) {
t.step( function () {
assert_unreached("Media error handler should be triggered for non-allowed domain.");
});
t.done();
}
function media_error_handler(t) {
t.done();
}
</script>
<video id="videoObject" width="320" height="240" controls
onloadeddata="media_loaded(source_test)">
<source id="videoSourceObject"
type="video/mp4"
onerror="media_error_handler(source_test)">
</video>
<video id="videoObject2" width="320" height="240" controls
onerror="media_error_handler(src_test)"
onloadeddata="media_loaded(src_test)">
<script>
document.getElementById("videoSourceObject").src = mediaURL;
document.getElementById("videoObject2").src = mediaURL;
</script>
<script async defer src='../support/checkReport.sub.js?reportField=violated-directive&reportValue=media-src%20%27self%27'></script>
</body>
</html>