Page 4 of 5 FirstFirst ... 2345 LastLast
Results 31 to 40 of 48

Thread: Video player set up

  1. #31
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    I have now added Controls and this is what i see,

    IPAD
    ......
    Landing on the page start of video is shown with a triangle play button in the middle. "This is ok"
    Clicking the play button then starts the video. "This is ok"
    The video runs its course & once finished returns to the start where on its own starts to play again. "This is ok"
    "Video works spot on"



    IPHONE
    ..........
    Works exactly the same as above,apart from one issue. "See below"
    Problem is when the phone is in Landscape mode you only see say 3/4 of the viewing video etc.
    The output for Landscape mode needs to fit the screen so you see the all the image & its text above & below it,output needs to be scaled down to fit.
    When viewing in Portrait mode all is ok & no issues.
    "Video works spot on"



    PC
    ...
    Landing on the page start of video is shown BUT say like a letter box 700x300 "Needs attention"
    Then the video automatically changes to its correct size 700x578
    The player controls are below the video as opposed to the middle like iphone & ipad, "This is ok"
    The video starts without any need to press the play button. "This is ok"
    The video runs its course & once finished returns to the start where on its own starts to play again. "This is ok"
    When it returns to the start it stays the 700x578 size.
    I only see the letter box 700x300 when you first land on the page
    "Video works spot on"

    Screen shots below of iphone in landscape & portrait mode.

    Click image for larger version. 

Name:	LANDSCAPE.jpg 
Views:	22 
Size:	39.4 KB 
ID:	6032
    Click image for larger version. 

Name:	PORTRAIT.jpg 
Views:	21 
Size:	44.6 KB 
ID:	6033

    So,
    iPhone output for viewing in landscape mode needs altering so its all in the viewable part of the screen.
    Pc needs to just show 700x578 when landing on the page without the need to see say 700x300 then some magic to 700x578

    Overall perfect.
    Just need to sort the two issues.

  2. #32
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

  3. #33
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,094
    Thanks
    1
    Thanked 205 Times in 201 Posts

    Default

    Hi there theremotedr,

    try adding width and height...
    Code:
    
    <video id="movavivideo" controls muted playsinline autoplay loop width="700" height="580">

    coothead
    ~ the original bald headed old fart ~

  4. #34
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    I did try that but still the same.
    I didnt mention it before as i was going to see what you thought.
    I will live with this.

    So can you please point me in the correct direction for looking at the output code etc so the video in landscape mode is correct.

  5. #35
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    can we apPly its own css for display purposes,so i can they alter the size until it looks ok ?

  6. #36
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,094
    Thanks
    1
    Thanked 205 Times in 201 Posts

    Default

    Hi there theremotedr,

    unfortunately, you have lost me a little bit,
    to what browser/OS does this problem relate?

    coothead
    ~ the original bald headed old fart ~

  7. #37
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    End of post 31
    iPhone output for viewing in landscape mode needs altering so its all in the viewable part of the screen.
    Looking in the Normalize css file at line 604 i see this,

    Code:
     video {
     width: 100%;
     height: auto;
    }
    #movavivideo {
        max-width: 43.75em;
        margin: 1em 0;
        border: 0.06em solid #000;
        box-shadow: 0.5em 0.5em 0.5em #000;
    }
    Is the alteration made there or in the Basic css file at some @media screen point

    Looking to just make the Landscape height smaller so all the video can be seen as at present im having to scroll up/down to see it all.

  8. #38
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,094
    Thanks
    1
    Thanked 205 Times in 201 Posts

    Default

    Hi there theremotedr,

    try these values in a test page...
    Code:
    
    #movavivideo {
        width: 100%;
        max-width: 43.75em;
        height: auto;
        margin: 1em 0;
        border: 0.06em solid #000;
        box-shadow: 0.5em 0.5em 0.5em #000;
        box-sizing: border-box;
    }
    @media screen and (max-width: 46em) {
    #movavivideo {
        width: 64%;
        margin: 0.5em auto;
       }
     }
    @media screen and (max-width: 30em){
    #movavivideo {
        width: 100%;
        margin: 0.5em auto;
       }
     }
    @media screen and (max-width: 20em) {
    #movavivideo {
        width: 100%;
        margin: 0.5em auto;
       }
     }
    ~ the original bald headed old fart ~

  9. #39
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    Hi,
    Ive installed that code in place of the code in Normalize css line 604
    Pc is fine.

    Iphone need some slight adjustment,but not much.
    When you land on this page in portrait mode the video is shown slightly to far down the screen and needs to come up.

    When you turn the phone to landscape mode the video is shown slight to high the screen so needs to come down.

    If you can advise which setting i need to alter i can take a look at it.

    Just a question,
    Even though i set it up so it looks fine on my iphone how will this take affect for other makes of phone, i mean will it also be within view for them also ?

  10. #40
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    955
    Thanks
    121
    Thanked 3 Times in 3 Posts

    Default

    My mistake.
    Just landscape need to bring video down the screen a touch.

Similar Threads

  1. php video player
    By resnostyle in forum PHP
    Replies: 5
    Last Post: 01-12-2013, 11:37 PM
  2. Video Player
    By Rain Lover in forum Flash
    Replies: 1
    Last Post: 11-17-2009, 02:26 AM
  3. music and video player- PHP (?)
    By d-machine in forum PHP
    Replies: 1
    Last Post: 08-18-2009, 01:29 PM
  4. Video Player Script
    By ngaps in forum Looking for such a script or service
    Replies: 0
    Last Post: 06-18-2009, 01:17 AM
  5. Video player
    By remp in forum Other
    Replies: 10
    Last Post: 09-25-2007, 02:35 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •