merging sub-sites / video home page

pideja · 2019-09-13 04:36:20

In regards to the HOME page of this site: pideja.ca.

For the moment, arriving at the HOME page, one is confronted with a black rectangle with an arrow icon to be pressed to start.
In the end, the video goes to black and stops.

I'd like to know if it's possible to have the video start automatically, upon landing on the page and loop back in order to be a continuous presentation.

rod barbee · 2019-09-13 05:31:40

There is an autoplay option in the template. Looking at the page code, it seems you've set that to on.
Matt has demo that behaves the same way: http://theturninggate.net/galleries/01- … deo-html5/
He video ends with white though. I'm guessing that's the background-color setting in the template.

Could be that the autoplay option is not being applied. Matt will have to comment.

I don't see any controls in the template that will make the video restart. However, the program you're using may have that option.
I have Easy HTML5 Video and it has a "loop" option. It also has an autoplay option. So check the program you're using.

pideja · 2019-09-13 07:24:38

Think you. I will look into EASY HTML5 VIDEO.
The ending is black because LR slide show has a black base.
LR’s slideshow module does have repeat function but looks useless!

rod barbee · 2019-09-13 07:29:16

I find most of the slide show module useless

If you doing videos from slide shows, also take a look a Pictures to EXE.
https://www.wnsoft.com/en/picturestoexe/

Rainer Goergen · 2019-09-13 07:46:12

Or Boinx FotoMagico Pro.

R.

pideja · 2019-09-14 00:44:09

I decided to break out the "big guns" and remade my slideshow in After Effects CS6. A little more time consuming but a lot more control. Rendered to H.264 codex and converted to the three formats (mp4, web m HD and OGG) and I obtain a much more stable and smooth video.
I still have to tinker with the image selection and pacing (it might be too long and slow) but for now, as a demo, it's fine.

But that beige side pallet is ominous...either I make it much narrower or make it transparent (grey as the background) and make that logo smaller.

But I can't change that colour.
I've been in the Backlight>Designer>Templates>Pages-pideja>Design>Navigation>VerticalNavigation>Background colour but even if I set it to transparent, it's still beige! And there is no CSS involved.
If I could get the buttons to be transparent, I'd try the text (red) and the text-hover (beige)...

rod barbee · 2019-09-14 00:59:40

That color is set in Content Areas > Pallets
Remember from a day or two ago? you used to have it set at transparent but you wanted the color to go to the bottom of the page.
http://community.theturninggate.net/vie … 564#p61564

pideja · 2019-09-14 03:15:50

I remember. But, checkind now, I see it set at...transparent!

rod barbee · 2019-09-14 03:24:33

are you looking at the correct page template (template-identifier-Pages-BWRAO)? According to the inspector, that color is coming from .page__pallet background-color

have you tried clearing template cache?

pideja · 2019-09-15 01:03:33

Thank you, Rod. I hadn't thought of the "template cache".

pideja · 2019-09-16 01:06:36

Now that I have my (demo) video animation going, I'm looking at looping it. I found this on the web but I'm not sure how to use it:

<video controls loop>
  <source videosrc="movie.mp4" type="video/mp4">
<source videosrc="movie.webm" type="video/webm">
  <source videosrc="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

and I'm still looking to "auto-start" this video, without that arrow icon...

Last edited by pideja (2019-09-16 01:18:32)

rod barbee · 2019-09-16 01:09:20

From what I could find, looks like you’ve got it
https://www.w3schools.com/tags/att_video_loop.asp

rod barbee · 2019-09-16 01:15:03

I can't find any reference to “videosrc” however

pideja · 2019-09-16 01:20:21

No secret, that's where I got it. I changed the source reference to videosrc because that's the folder where the video files are. Is this wrong?

pideja · 2019-09-16 01:31:07

OK, I changed it back to:

<video controls loop>
  <source src="intro-1.mp4" type="video/mp4">
<source src="intro-1.webm" type="video/webm">
  <source src="intro-1.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Where intro-1 is the name of the video.

pideja · 2019-09-16 01:35:05

Looking at the inspector, the video looks set at autoplay but it does not.

<video class="vjs-tech" id="video-intro-1_html5_api" poster="/videosrc/intro-1.jpg" 
data-setup="{ &quot;autoplay&quot;: true, &quot;preload&quot;: &quot;auto&quot;, &quot;
fluid&quot;: true }" tabindex="-1" preload="auto" autoplay="" src="/videosrc/intro-1.mp4" loop="">

...

</video>

Last edited by pideja (2019-09-16 01:36:26)

pideja · 2019-09-16 02:03:29

I think I'll drop the "autoplay" for the video...the more I read about this feature, the pushback I get from most web commentators. Something like:

Web pages with videos that autoplay without warning or expectation ranks as one of my top pet peeves on the web. One would think that after more than a decade of video on the web, all site owners would have ended a practice that was popular only in the early years of web video. But many have not.

So I guess there is a reason this feature looks difficult to implement.

rod barbee · 2019-09-16 03:06:33

pideja wrote:

No secret, that's where I got it. I changed the source reference to videosrc because that's the folder where the video files are. Is this wrong?

You weren’t using it as a folder name in a path to the file

Daniel Leu · 2019-09-16 14:44:38

pideja wrote:

I think I'll drop the "autoplay" for the video...the more I read about this feature, the pushback I get from most web commentators. Something like:
Web pages with videos that autoplay without warning or expectation ranks as one of my top pet peeves on the web. One would think that after more than a decade of video on the web, all site owners would have ended a practice that was popular only in the early years of web video. But many have not.
So I guess there is a reason this feature looks difficult to implement.

Seems like autoplay works now. I don't see why you went through all the trouble to get this working instead of using a simple Backlight slideshow. The later has the advantage that there is no unwanted music.... there is even more dislike for that when you look around the web...

pideja · 2019-09-16 22:12:50

I think you are right.

pideja · 2019-09-20 03:57:09

Hello Daniel, I've decided to revert back to the code published on your blog. I followed it to a T and I have no images at all!

First create a Gallery Template for my slideshow. This template is only used to create images on my site that will be included in the slideshow. The gallery feature is not used.

Is this an album created in Lightroom? Are the images in this album published? I've done this and the image appear as thumbnails on the page even though I checked the hide from search and hide from album set features.

I create a template and set all the parameters for a slide show.

Daniel Leu · 2019-09-20 04:07:58

Hi Pierre,

Please have a look at the manual where it shows how to create the inline slideshow with Backlight: http://backlight.theturninggate.net/doc … n_vegas_fs

pideja · 2019-09-20 04:36:09

Done everything that I think should be done and still no image...pideja.ca

rod barbee · 2019-09-20 05:48:03

my guess is that you're not seeing images because of file names like this: 13-Ha!ha!.jpg

Check your file names. They should only contain letters, numbers, dashes, and underscores. No punctuation or special characters.

pideja · 2019-09-20 05:50:55

When creating a home page slideshow following the directions on the Vegas Slideshow instruction page:

In Backlight's menu, go Designer ⇒ Pages.
Click “Design” for your Home page.
For full-screen, set Page Template: select your full-screen page template
Under Insert Album, set Insert Album: On.
Select your Vegas Slideshow album as the album to insert.
Save.

I cannot find another page template than the home page template currently used by my site. It is not a theatre type page.
I inserted the album created in Lightroom for this purpose.
I get an outline (border) for the slide show but no images.

So, I have a basic Pangolin page template used thru-out called "PAGES-pideja". Then, I have a Pangolin Theater module type album called "introduction"
In the inspector, the images do not appear!

I can't see how to tell Backlight witch images and where they are.

Community @ The Turning Gate

#1 2019-09-13 04:36:20

merging sub-sites / video home page

#2 2019-09-13 05:31:40

Re: merging sub-sites / video home page

#3 2019-09-13 07:24:38

Re: merging sub-sites / video home page

#4 2019-09-13 07:29:16

Re: merging sub-sites / video home page

#5 2019-09-13 07:46:12

Re: merging sub-sites / video home page

#6 2019-09-14 00:44:09

Re: merging sub-sites / video home page

#7 2019-09-14 00:59:40

Re: merging sub-sites / video home page

#8 2019-09-14 03:15:50

Re: merging sub-sites / video home page

#9 2019-09-14 03:24:33

Re: merging sub-sites / video home page

#10 2019-09-15 01:03:33

Re: merging sub-sites / video home page

#11 2019-09-16 01:06:36

Re: merging sub-sites / video home page

#12 2019-09-16 01:09:20

Re: merging sub-sites / video home page

#13 2019-09-16 01:15:03

Re: merging sub-sites / video home page

#14 2019-09-16 01:20:21

Re: merging sub-sites / video home page

#15 2019-09-16 01:31:07

Re: merging sub-sites / video home page

#16 2019-09-16 01:35:05

Re: merging sub-sites / video home page

#17 2019-09-16 02:03:29

Re: merging sub-sites / video home page

#18 2019-09-16 03:06:33

Re: merging sub-sites / video home page

#19 2019-09-16 14:44:38

Re: merging sub-sites / video home page

#20 2019-09-16 22:12:50

Re: merging sub-sites / video home page

#21 2019-09-20 03:57:09

Re: merging sub-sites / video home page

#22 2019-09-20 04:07:58

Re: merging sub-sites / video home page

#23 2019-09-20 04:36:09

Re: merging sub-sites / video home page

#24 2019-09-20 05:48:03

Re: merging sub-sites / video home page

#25 2019-09-20 05:50:55

Re: merging sub-sites / video home page

Board footer