how add VAST in code mediaelementplayer ?

537 views
Skip to first unread message

Jimmi Hine

unread,
Sep 28, 2015, 12:26:52 PM9/28/15
to MediaElement.js
i get this code, it's  true ?
when i take from my server url:   vastAdTagUrl: 'media/minoto-vast.xml',     all   work 
if i take this link :  vastAdTagUrl: 'http://minotovideo.com/sites/minotovideo.com/files/upload/eday_vast_tag.xml',    - don't show VAST video prelload

help, Where am I wrong ?


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>HTML5 MediaElement</title>
<script src="build/jquery.js"></script>
<script src="src/js/me-namespace.js" type="text/javascript"></script>
<script src="src/js/me-utility.js" type="text/javascript"></script>
<script src="src/js/me-i18n.js" type="text/javascript"></script>
<script src="src/js/me-plugindetector.js" type="text/javascript"></script>
<script src="src/js/me-featuredetection.js" type="text/javascript"></script>
<script src="src/js/me-mediaelements.js" type="text/javascript"></script>
<script src="src/js/me-shim.js" type="text/javascript"></script>
<script src="src/js/mep-library.js" type="text/javascript"></script>
<script src="src/js/mep-player.js" type="text/javascript"></script>
<script src="src/js/mep-feature-playpause.js" type="text/javascript"></script>
<script src="src/js/mep-feature-progress.js" type="text/javascript"></script>
<script src="src/js/mep-feature-time.js" type="text/javascript"></script>
<script src="src/js/mep-feature-tracks.js" type="text/javascript"></script>
<script src="src/js/mep-feature-volume.js" type="text/javascript"></script>
<script src="src/js/mep-feature-stop.js" type="text/javascript"></script>
<script src="src/js/mep-feature-fullscreen.js" type="text/javascript"></script>
<script src="src/js/mep-feature-ads.js" type="text/javascript"></script>
<script src="src/js/mep-feature-ads-vast.js" type="text/javascript"></script>
<link rel="stylesheet" href="src/css/mediaelementplayer.css" />
<style>
#container{
width: 700px;
margin: 20px auto;
}
</style>
</head>
<body>

<div id="container">

<h1>MediaElementPlayer.js</h1>

<p>VAST Ad Setup</p>

<video width="640" height="360" id="player2" controls="controls"  preload="none" poster="media/echo-hereweare.jpg">
<source src="media/other.mp4"   type="video/mp4" />
</video>


</form>

</div>


<script>

var mediaEventNames = 'loadstart progress suspend abort error emptied stalled play pause loadedmetadata loadeddata waiting playing canplay canplaythrough seeking seeked timeupdate ended ratechange durationchange volumechange'.split(' ');


$('video').mediaelementplayer({
pluginPath: 'build/',
 //vastAdTagUrl: 'media/minoto-vast.xml',
 
vastEnableSkip: true,
vastSkipSeconds: 3,
features: ['playpause','current','progress','duration','volume','fullscreen','vast'],
success: function(media, node, player) {
 
 
 
 
for (var i=0; i<mediaEventNames.length; i++) {
(function(eventName) {
media.addEventListener(eventName, function(e) {
console.log('event', eventName);
});
})(mediaEventNames[i]);
 
}
 
}
});

</script>


</body>
</html>
Reply all
Reply to author
Forward
0 new messages