If you don't find an answer, please click here to post your question.

How to make an Ooyala video a website's Background

0 Kudos
Started ‎01-07-2015 by
Modified ‎01-07-2015 by

How to make an Ooyala video a website's Background

by on ‎01-07-2015 10:09 AM (546 Views)

Sometimes users would like to create a website in such a way that they would require the ooyala video to play on the background.

 

This is possible by making the below mentioned changes in the embed script.

  • Put the player with the height and width that stretches the entire screen, in the<div>
  • Create a player with chromeless:true and autoplay:true
  • Make sure you use platform=html5-priority when loading V3

 

 

<html>
<head>

<script type="text/javascript" src="http://player.ooyala.com/v3/----player--id---?platform=html5-priority"></script>

 </head>

<body>
<div id='playerwrapper' style='width:1440px;height:840px'></div>

<script>

var player = OO.ready( function() {
OO.Player.create('playerwrapper','---your asset id---', {
autoplay:true,
layout:'chromeless',
loop:true
});
});

</script>

 

</body>
</html>