Watch, Follow, &
Connect with Us

For forums, blogs and more please visit our
Developer Tools Community.


Welcome, Guest
Guest Settings
Help

Thread: Movie in the background +Intraweb (using Html)



Permlink Replies: 4 - Last Post: Dec 30, 2017 10:09 AM Last Post By: Sergio Costa
Sergio Costa

Posts: 22
Registered: 6/1/03
Movie in the background +Intraweb (using Html)
Click to report abuse...   Click to reply to this thread Reply
  Posted: Dec 29, 2017 2:15 PM
At first a doubt: is there a way to be informed by email that some replied ito this post? If there is please tell me howto configure.

I am doing a site using Delphi +Intraweb 14.2.5

In one of the forms I am using an HTML template with a small text and having as background a movie. It is interesting to note that the demo Features works well EXCEPT when trying to open a mpeg file. Nothing appear also when I use the demo (Style sheets >> Embeded objects > MPEG movie). For the other embeded movies work fine
If I use the component TIWtemplateprocessorHtml the text (see html template running) appears but the video do not appear ( I did trials with Z-index)

If I use the component TIWLayoutMgrHTML the same occurs.

It is like the video is hidden. I tried to solve in the last 7 days many trials without success.

The html template works fine if I open it in Firefox (the code is below).

It seems that Intraweb do not see something which works well in the html code. Do you have any suggestions? Seems to be some small detail which I cannot realize

Although my idea is to put the code (site with Delphi + Intraweb) as a free code in Internet it is not ready to send it now for you. I need this only for my (last) engineering software.

HTML working code starts here ( I copy/past this inside the property HTML of the component TIWLayoutMgrHTML The text appear but background video do not appear)

<!doctype html>
<html>
<head>
<meta charset="UTF-8">

<title>What_we_do</title>

<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body, html{
width: 100%;
height: 100%;
font-family: sans-serif;
font-size:22px;
line-height: 1.3;
}
.bg_video{
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index:-1000;
background: url(../templates/green.jpg) no-repeat;
background-size: cover;
}
.body{
padding:5px;
background: rgba(255,255,255,0.0);
max-width: 960px;
border-radius: 10px;
text-align: justify;
margin: 1%;
height: auto;
width: auto;
}
.body h1{
font-family: Georgia, serif;
font-size:40px;
}
.body p{
margin: 1.6em 0;
font-family: Verdana, Geneva, sans-serif;
}
.Calibri11CVBlack { font-family: Calibri;
font-size: 14px;
text-align: justify;
}
.music { color: #0080FF;
}
.sergio { font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: normal;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body .Verdana12Justify strong {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
line-height: normal;
background-color: #E1E1E1;
}
.body .Verdana12Justify strong {
font-weight: bold;
}
.body p strong {
color: #0080FF;
font-weight: normal;
}
.body p a {
font-size: 14px;
}
.body p {
font-size: 18px;
}
.Text16 {
font-size: 16px;
}
.CVtitleCalibri18 {
font-family: Calibri;
font-size: 36px;
color: #CCC;
}
.TitleCVEN16Verdana { font-size: 18px;
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
line-height: normal;
font-weight: normal;
}
.Verdana12blackCV { font-family: Verdana, Geneva, sans-serif;
font-size: 24px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #009;
text-decoration: none;
text-align: center;
}
.trdg {
color: #FFF;
}
.hjg {
color: #FFF;
}
.Verdana12blackCV .TitleCVEN16Verdana {
text-align: left;
color: #3C0;
}
.tit {
color: #069;
}
</style>

</head>

<body>

<video autoplay loop poster="../templates/green.jpg" class="bg_video">
<source src="../templates/bigWave.webm" type="video/webm">
<source src="../templates/bigwave.mp4" type="video/mp4">
</video>

<img src="../wwwroot/IMG/SergioSerio.JPG" alt="" width="101" height="127"
_Curriculum vitae of Sergio Feitoza Costa

Sergio Feitoza created Cognitor Consulting, Technological Research & Training in 1996. Cognitor apply training and consulting on design, specification and testing of equipment for substations (switchgear, switchboards, busbar systems, busways and others).

We also design testing laboratories (high-power, high voltage, temperature rise, electromagnetic compatibility and Ex equipment). Training and consultancy work can be applied in English, Portuguese and Spanish in all countries.

TESTING LABORATORIES DESIGN, CONSTRUCTION, OPERATION & MANAGEMENT

Sergio Feitoza is an electrical engineer, M.Sc. in Power Systems and Director of Cognitor. He has 35 years of experience in high power and high voltage testing laboratories (design, construction, operation as test engineer and management), substations equipment design and testing.

In the 25 years working at CEPEL he participated in all the phases of the design, construction and operation of the testing laboratories in Brazil. He was the manager of (14) laboratories including high voltage, high power, Ex equipment, EMC, materials and calibration. Also, chaired teams in renewable and nonrenewable energy generation.

In 2010 Sergio developed the feasibility study for a new Brazilian testing laboratory, now under construction, in Itajubá - MG. These are installations for high power testing (2500 MVA with short circuit generators), high voltage testing (550 kV class), temperature rise tests (25 kA) and others. From 2012 Sergio is contracted as consultant by the owners of the project ISI-CEDIIEE.

TESTING SIMULATIONS, DEVELOPMENT OF EQUIPMENT FOR SUBSTATIONS & R&D

In the last 19 years conducting Cognitor activities Sergio acquired a considerable experience in the simulation of high power tests developing and applying the software SwitchgearDesign (details in this site). He provides consulting services to manufacturers in developing products for substations, specially switchgear, switchboards and busways. The idea is that before going to a testing laboratory to do expensive type tests, the manufacturer send the basic drawings to Cognitor which, through the simulation of the tests using SwitchgearDesign and a long term experience in designing equipment, helps to improve the project to pass in the tests.

TRAINING ACTIVITIES AND PUBLICATIONS

Training: more than 200 courses and seminars, open and "in company" all over the World (in English, Spanish, Portuguese). Some free material for download may be found in this YouTube link: https://www.youtube.com/channel/UCyQtdE7dQTvsZPHBw3ostMg/videos?view=0&sort=dd&shelf_id=0

You may download material and books from Sergio in the section Downloads in this site.

I E C – INTERNATIONAL ELECTROTECHNICAL COMMISSION & C I G R È

IEC: In 1990’s Sergio was the Chairman of the Technical Committee 32 - Fuses. He coordinated several committees in the Brazilian Association of Standardization in the areas of Fuses, Fire and Explosion Protection and others.

Sergio was member of IEC working group SC 17 C / WG31 which prepared the publication IEC TR 62271-307 (2015) - High-voltage switchgear and controlgear - Part 307: Guidance for the extension of validity of type tests of AC metal and solid-insulation enclosed switchgear and controlgear (1 to 52 kV).

CIGRÈ: Sergio was member of CIGRE WG A3.24 on simulation and calculations in substation equipment. Sergio is co-author of the brochure CIGRE 602 / 2014 Tools for the Simulation of The Effects of the Internal Arc in T&D Switchgear. He is the author of the document " Proposal for IEC Guidelines for the use of simulations and calculations to replace some tests specified in international standards" referred in this Brochure.

He is also member of Cigrè Working group WG B3-43 - Contemporary Solutions for Low Cost Substations. Sergio is member of the WG A3.36 Simulations for Temperature Rise Calculation.

LANGUAGES: English, French, Portuguese and Spanish

MUSIC PRODUCTION ACTIVITIES: <img src="../wwwroot/IMG/FotoSergioCV.JPG" width="107" height="123" alt="SergioFeitoza">

Sergio Feitoza is also a composer, singer and guitar player (in classic and popular music). He has more than 30 registered songs and some CDs /DVDs with his songs.

See details in YouTube https://www.youtube.com/watch?v=TYPnmY7_LYE and

https://www.youtube.com/user/SergioFeitoza/videos?sort=dd&shelf_id=0&view=0

</body>
</html>
HTML working code ends here

Delphi code starts here (view as text)

object FWhatWeDo: TFWhatWeDo
Left = 0
Top = 0
Width = 761
Height = 380
RenderInvisibleControls = False
AllowPageAccess = True
ConnectionMode = cmAny
OnCreate = IWAppFormCreate
Background.Fixed = False
LayoutMgr = MainTemplate
HandleTabs = False
LeftToRight = True
LockUntilLoaded = True
LockOnSubmit = True
ShowHint = True
XPTheme = True
DesignLeft = 8
DesignTop = 8
inline framMenu1: TframMenu
Left = 0
Top = 0
Width = 761
Height = 26
HorzScrollBar.Range = 185
HorzScrollBar.Visible = False
VertScrollBar.Range = 468
VertScrollBar.Visible = False
Align = alTop
Color = clWhite
ParentColor = False
TabOrder = 0
TabStop = True
ExplicitWidth = 761
ExplicitHeight = 26
inherited IWFrameRegion: TIWRegion
Width = 761
ExplicitWidth = 761
inherited IWMenu1: TIWMenu
Width = 761
ExplicitWidth = 563
end
end
inherited IWImageList1: TIWImageList
Bitmap = {
494C010101000500B40010001000FFFFFFFFFF10FFFFFFFFFFFFFFFF424D3600
0000000000003600000028000000400000001000000001002000000000000010
0000000000000000000000000000000000008484840084848400848484008484
8400848484008484840084848400848484008484840084848400FFFFFF00C6C6
C60084848400C6C6C600FFFFFF00C6C6C6000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000008484840084848400848484008484
840084848400848484008484840084848400848484008484840084848400FFFF
FF0084848400FFFFFF0084848400848484000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000008400000084000000840000008400
00000000000000000000848484008484840084848400FFFFFF00FFFFFF00FFFF
FF00840000008400000084000000840000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
0000FF00000084000000000000000000000084848400FFFFFF00FFFFFF00FFFF
FF00840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
000084000000FF0000008400000000000000FFFFFF00FFFFFF00FFFFFF00FFFF
FF00840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
0000FF00000084000000FF00000000000000FFFFFF00FFFFFF00FFFFFF00FFFF
FF00840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
000084000000FF0000008400000000000000FFFFFF00FFFF0000FFFFFF00FFFF
0000840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
0000FF00000084000000FF00000000000000FFFF0000FFFFFF00FFFF0000FFFF
FF00840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
000084000000FF0000008400000000000000FFFFFF00FFFF0000FFFFFF00FFFF
0000840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
0000FF00000084000000FF00000000000000FFFF0000FFFFFF00FFFF0000FFFF
FF00840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000008400
0000840000008400000084000000840000008400000084000000840000008400
0000840000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000840000008400000084000000840000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
0000000000000000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000424D3E000000000000003E000000
2800000040000000100000000100010000000000800000000000000000000000
000000000000000000000000FFFFFF0000000000000000000000000000000000
0000000000000000E007000000000000E007000000000000E007000000000000
E007000000000000E007000000000000E007000000000000E007000000000000
E007000000000000FFFF000000000000F81F000000000000F81F000000000000
F81F000000000000FFFF00000000000000000000000000000000000000000000
000000000000}
end
end
object MainTemplate: TIWTemplateProcessorHTML
TagType = ttIntraWeb
Templates.Default = 'bigwave.html'
MasterTemplate = 'false'
Left = 96
Top = 88
end
end
Delphi code fiish here

Eitan Arbel

Posts: 508
Registered: 2/24/13
Re: Movie in the background +Intraweb (using Html)
Click to report abuse...   Click to reply to this thread Reply
  Posted: Dec 29, 2017 8:02 PM   in response to: Sergio Costa in response to: Sergio Costa
try to "play around" with the property StyleRenderOptions, and it's sub-properties
Sergio Costa

Posts: 22
Registered: 6/1/03
Re: Movie in the background +Intraweb (using Html)
Click to report abuse...   Click to reply to this thread Reply
  Posted: Dec 30, 2017 5:56 AM   in response to: Sergio Costa in response to: Sergio Costa
Do anyone know a single Intraweb web demo using a template containing a video as background. The only example in the Intraweb demos do not use a template
As explained below when I use the template the text in it appears well but the video do not appear. The template works well when running in the browser
It seems that the reason for the video not to appear is some setting in the IWform or in the TIWLayoutMgrHTM or in the TIWTemplateProcessorHTML
Scott Gast

Posts: 82
Registered: 4/2/04
Re: Movie in the background +Intraweb (using Html)
Click to report abuse...   Click to reply to this thread Reply
  Posted: Dec 30, 2017 6:37 AM   in response to: Sergio Costa in response to: Sergio Costa
Click "Watch This Thread" link near the top of the page.

Scott
Sergio Costa

Posts: 22
Registered: 6/1/03
Re: Movie in the background +Intraweb (using Html)
Click to report abuse...   Click to reply to this thread Reply
  Posted: Dec 30, 2017 10:09 AM   in response to: Scott Gast in response to: Scott Gast
Thanks
Legend
Helpful Answer (5 pts)
Correct Answer (10 pts)

Server Response from: ETNAJIVE02