Video page / Theater Module

pideja · 2018-06-23 04:05:47

From time to time, I like to update/upgrade this site: lucnadeau.ca

This time, I am trying to create a video page that will feature an interview with the artist featured on the site.
So, I created a page ("Luc se raconte") in which I'd like to have the video footage. The page is of the Pangolin type based on all the others already published.
The album page corresponding to the "Luc" page is a Pangolin-Theater type.

I'm a bit rusty on a few items and in the dark for others:
- Can't get the page to display the correct background image;
- Not sure how to get the video to display. I have the video in lucnadeau.ca/fr/videosrc folder at the root but, not sure where to place the folder, I also have a dupe of the videosrc folder in lucnadeau.ca/fr/oeuvres/videosrc. Witch is it?

pideja · 2018-06-23 04:46:53

Solved most of the formatting for the "Luc..." page. Still, all those border lines, thin and black, can't find how to get rid of them. All border checkboxes are at no color. In DESIGN TEMPLATE/PANGOLIN PAGE/COLOR, Base Offset should affect the border colors. But there is no transparent option.

Now it's how to get that pesky video to display...

In PAGE SETTINGS/INSERT ALBUM is ON. A box appears on the page but the video will not display "because the server or network failed or because the format is not supported." But in /videosrc , I have three files: luci.mp4, luci.ogv, and luc1.webm. This should work. Could it be that the video is too big or something like that? Presently, it's 1280px x 720px

Last edited by pideja (2018-06-23 05:15:01)

rod barbee · 2018-06-23 05:58:41

- Not sure how to get the video to display. I have the video in lucnadeau.ca/fr/videosrc folder at the root but, not sure where to place the folder, I also have a dupe of the videosrc folder in lucnadeau.ca/fr/oeuvres/videosrc. Witch is it?

According to the docs, the videosrc/ folder goes in the root of the site at the same level as your backlight/ and galleries/ folder.
So for the french site, it should go in the /fr/ folder. For the english site, the /en/ folder.

Check your file names. you show luci and luc1. It might just be a typo in your post

I have three files: luci.mp4, luci.ogv, and luc1.webm

rod barbee · 2018-06-23 06:05:31

pideja wrote:

Solved most of the formatting for the "Luc..." page. Still, all those border lines, thin and black, can't find how to get rid of them. All border checkboxes are at no color. In DESIGN TEMPLATE/PANGOLIN PAGE/COLOR, Base Offset should affect the border colors. But there is no transparent option.

Not sure what you mean. Which page are you referring too? if you mean that page with the embedded video, I can't see any black borders other than the ones separating your navigation items and the one on the top of the footer (which is controlled in the footer section of the page template)

pideja · 2018-06-23 07:36:07

According to the docs, the videosrc/ folder goes in the root of the site at the same level as your backlight/ and galleries/ folder.
So for the french site, it should go in the /fr/ folder. For the english site, the /en/ folder.

On the French side, the Gallery folder is called "Oeuvres". Could this keep the video from showing?

lucnadeau.ca/fr/oeuvres/videosrc/

rod barbee · 2018-06-23 13:32:44

the videosrc/ folder belongs at the same server level as your galleries (in your case, oeuvres/) folder, not inside of it. The videosrc/folder should be at lucnadeau.ca/fr/videosrc/ as stated above.

pideja · 2018-06-23 19:53:12

should have known...thanks

As for the borders...I include an image. On it, you can see there is a thin black line running to the left of the page. That is a border line but in the Page/Color section, at the Base Offset box, there is no provision for a transparent order.
Also, the video has a yellowish border itself. Can't seem to find the setting for this.

border

and the rest of the page: border

Seems to me we've been thru this issue a while back. Don't remember how the issue was solved.

Last edited by pideja (2018-06-23 21:00:22)

rod barbee · 2018-06-24 00:38:16

I can't see that black border on the right, but I'm on my laptop and I don't see the same page width as your screenshot shows. For example, your navigation is up against the left hand side of my screen.
But take a look in your page template under Layout > Strict Width Options: border width.

The yellow "border" around the video looks like it's coming from a background color in your custom css, on line 62:

html, background {
color : #D6AE6B;
}

also take a look in the album template under Presentation. There is video width and height settings that might affect things.
There are border settings there as well.

pideja · 2018-06-24 02:45:29

I just took a look at it in a 1440 x 900 viewport. Should be close to your laptop. Side border lines are not visible. Only by scrolling down do I see the footer border. Will have to check the footer settings. Also, I formatted the page based on 1440 x 900 because I was thinking of laptops mostly. If I set max width to 1920 (my screen) would this affect laptop viewing? I guess I'll have to try...

rod barbee · 2018-06-24 02:54:18

my laptop is set to 1920

pideja · 2018-06-24 22:01:24

Sorry I assumed you had a MacBook with a 1440 screen. Here is a screenshot of the whole page. My monitor's screen size is 1920x1080. In Backlight, I set the page layout max width at 1440. If I set the max width at 1920, I get the navigation collum right up against the left side of the screen. No black "border" lines. Scrolling down, I still have the black "border" line over the footer section.
Should I place all the pages width to 1920? Would this affect the display on smaller screen adversely?

Screenshot of the page at width 1440, screen resolution is 1920: 1440

Screenshot of the same page, max width set at 1920: 1440

On Chrome browser, I zoomed out of the image to 50% and this is what I get: 1440

So I guess that these lines are the absolute borders of the page. The background image stays at monitor resolution size.

rod barbee · 2018-06-25 00:50:01

those lines are probably the borders found in the Strict Width options

pideja · 2018-06-25 02:28:53

Right on! The strick width option had a 1px border and the footer had a 1px on the top border.

No more unwanted border lines! (This is not a political comment, by the way).

If I format the page to 1440pixels maximum width, it won't change much on smaller screens, only on my 1920 pixels monitor, I guess.

So I formatted all pages at 1344, my reasoning is that at that width, even the smaller laptops will most of my intended design. It's a question of taste, of course. The idea of a "floating" nav bar on larger screens won't please everyone, to be sure. But I kinda like it and the artist for whom I designed it too. For now, that's ok with me.

The fact is I don't quite understand Strict Width Enforcement and what is the difference between yes and no.

I'll have to try and see, I guess.

Last edited by pideja (2018-06-25 03:45:11)

Community @ The Turning Gate

#1 2018-06-23 04:05:47

Video page / Theater Module

#2 2018-06-23 04:46:53

Re: Video page / Theater Module

#3 2018-06-23 05:58:41

Re: Video page / Theater Module

#4 2018-06-23 06:05:31

Re: Video page / Theater Module

#5 2018-06-23 07:36:07

Re: Video page / Theater Module

#6 2018-06-23 13:32:44

Re: Video page / Theater Module

#7 2018-06-23 19:53:12

Re: Video page / Theater Module

#8 2018-06-24 00:38:16

Re: Video page / Theater Module

#9 2018-06-24 02:45:29

Re: Video page / Theater Module

#10 2018-06-24 02:54:18

Re: Video page / Theater Module

#11 2018-06-24 22:01:24

Re: Video page / Theater Module

#12 2018-06-25 00:50:01

Re: Video page / Theater Module

#13 2018-06-25 02:28:53

Re: Video page / Theater Module

Board footer