Video to backround
Author: Jarkko S.
Visited 2518,
Followers 1,
Shared 0
Hi!
Is there easy way to add a video to websites backround? Id like to use video besides a backrdound image.
https://www.youtube.com/watch?v=7OvlrBataNc
https://www.youtube.com/watch?v=DciO8rItbWI
Best
Jarkko
Posted on the
Hi Jarkko.
As of now, the only way to insert a video as background into websiteX5 is by doing that manually through use of external code which we can't provide.
Hope I've been useful
... esempio/example: http://www.zspace.it/kolasim/youtube_k/sfondoyoutube_K.html
.
ciao
Author
Thank you Stefano and KolAsim.
KolAsim, is this the code:
<!DOCTYPE html><!-- HTML5 --><html><head><!-- libreria jQuery Incomedia WebSiteX5 v.10 --><script type="text/javascript" src="jquery.js"></script><!-- SCRIPT VIDEO YOUTUBE --><script type="text/javascript" charset="utf-8" src="jquery.tubular.1.0.js"></script><script type="text/javascript" charset="utf-8" src="index.js"></script></head><body><div id="copyright" style="position:absolute; width:430px;height:120px;top:100px;left:100px;padding:10px;background-color:yellow"> **** TEST KolAsim **** <br> Video YT copyright: Metron Films <br><a href="https://www.youtube.com/channel/UCTHt6uDuUhKN3exOJkNmtVQ">https://www.youtube.com/channel/UCTHt6uDuUhKN3exOJkNmtVQ</a><br><a href="https://www.youtube.com/watch?v=ab0TSkLe-E0">https://www.youtube.com/watch?v=ab0TSkLe-E0</a><br> Sfondo/Background copyright: "tubular":<br><a href="http://www.seanmccambridge.com/tubular/">http://www.seanmccambridge.com/tubular/</a></div><!-- VIDEO YOUTUBE --><div id="wrapper" class="clearfix" ></div></body></html>
... To use your video YT you need to change the ID of the video here:
... [IT] ...per usare il tuo video YT devi cambiare l'ID del video, qui:
http://www.zspace.it/kolasim/youtube_k/index.js ,,, videoId: 'ab0TSkLe-E0'
...
... The code is used only this:
... [IT] ... il codice usato è solo questo:
Panel EXPERT | HEAD (/HEAD):
<!-- SCRIPT VIDEO YOUTUBE -->
<script type="text/javascript" charset="utf-8" src="jquery.tubular.1.0.js"></script>
<script type="text/javascript" charset="utf-8" src="index.js"></script>
... ... ... ...
... Panel EXPERT | BODY (/BODY):
<!-- VIDEO YOUTUBE -->
<div id="wrapper" class="clearfix" > </div>
(!) - file "jquery.tubular.1.0.js" and "index.js" in the root (nella ROOT)
(or, if in different location / folder, change the URL/path)
(IT- oppure, se in diversa posizione/cartella, modificare l'URL)
.
ciao