Jump to content

[HELP] The video does not start... How to fix this?

Tokio

By Tokio
in Scripting

Recommended Posts

Tokio Prankster

Tokio

Posted
Posted

The script a few days ago worked fine, but today when i start the server, the HTML video does not start... I didn't change it anything in the script... How to fix this problem?

HTML code: 

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Random Login Form</title>
    
    
    
    
        <style>
      /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */
      @import url(http://fonts.googleapis.com/css?family=Exo:100,200,400);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300);

body{
	margin: 0;
	padding: 0;
	background: #fff;

	color: #fff;
	font-family: Arial;
	font-size: 12px;
	position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.body{
	position: absolute;
	top: -20px;
	left: -20px;
	right: -40px;
	bottom: -40px;
	width: auto;
	height: auto;
<!-- 	background-image: url(http://ginva.com/wp-content/uploads/2012/07/city-skyline-wallpapers-008.jpg); -->
	background-size: cover;
	-webkit-filter: blur(5px);
	z-index: 0;
}



video { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	-webkit-filter: blur(5px);
	background-size: cover;
	transition: 1s opacity;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5);
}

.grad{
	position: absolute;
	top: -20px;
	left: -20px;
	right: -40px;
	bottom: -40px;
	width: auto;
	height: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	z-index: 1;
	opacity: 0.7;
}

.header{
	position: absolute;
	top: calc(40% - 35px);
	left: calc(57.5% - 255px);
	z-index: 2;
}

.header div{
	float: left;
	color: #fff;
	font-family: 'Exo', sans-serif;
	font-size: 35px;
	font-weight: 200;
}

.header div span{
	color: #5379fa !important;
}


::-webkit-input-placeholder{
   color: rgba(255,255,255,0.6);
}

::-moz-input-placeholder{
   color: rgba(255,255,255,0.6);
}
#colorstrip{
    width: 100%; height: 260px;
    border-style: solid;
    border-color: black;
    background-color: black;
	opacity: 0.35;
	position: fixed;
	top: calc(50% - 110px);
}



    </style>
  </head>

  <body>

    <div class="body"></div>
		<!-- MUSIC -->
 
		<div class="grad"></div>
		<video id="bg" src="media.webm" autoplay="true" loop="true" ></video>
	<!-- <div class="header">
			<div>Welcome to <span>БПАН</span></div>
		</div> -->
		
	
	<!-- <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> -->

    
    
    
    
  </body>
</html>

Lua code:  

local screenWidth, screenHeight = guiGetScreenSize()
local webBrowser = createBrowser(screenWidth, screenHeight, true, false)

addEventHandler("onClientBrowserCreated", webBrowser, 
	function()
		loadBrowserURL(webBrowser, "http://mta/local/index.html")
	end
)

And when i start the script:

Ho6tcNz.png

What wrong??

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...