SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    Internet Business Optimizer KCgame's Avatar
    Join Date
    Mar 2005
    Location
    Singapore
    Posts
    931
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How to hide youtube video controls

    Hi, I would like to embed my video in my website and at the same time, want to hide the player control (especially the time frame bar so that viewers cannot fast forward.) Anyone has ideas on how to achieve this? Appreciate any help, thank you.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by KCgame View Post
    Hi, I would like to embed my video in my website and at the same time, want to hide the player control (especially the time frame bar so that viewers cannot fast forward.) Anyone has ideas on how to achieve this? Appreciate any help, thank you.
    The easiest way might be to use the HTML5 <video> element, and just not include any controls, but rather just "autoplay" (if you really want to annoy your users ):

    Code:
    <video autoplay poster="video.jpg">
      <source src="video.mp4" type='video/mp4'>
      <source src="video.webm" type='video/webm'>
    </video>
    A better option would be to use a custom script with the video, like video.js, which will offer you more options over which controls to include and which to exclude.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    Internet Business Optimizer KCgame's Avatar
    Join Date
    Mar 2005
    Location
    Singapore
    Posts
    931
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you so much!

    As I'm using wordpress, do you know is there any plugins that has this feature?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Personally, I don't like plugins, but if you google "html5 video wordpress plugin" there seem to be lots of useful results.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    Internet Business Optimizer KCgame's Avatar
    Join Date
    Mar 2005
    Location
    Singapore
    Posts
    931
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you again!

  6. #6
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,900
    Mentioned
    212 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by KCgame View Post
    As I'm using wordpress, do you know is there any plugins that has this feature?
    I use the VideoJS plugin. It's stable and updated regularly. I can recommend it.
    http://wordpress.org/extend/plugins/...for-wordpress/

    It's also quite easy to make it responsive if this is important for you.

  7. #7
    Internet Business Optimizer KCgame's Avatar
    Join Date
    Mar 2005
    Location
    Singapore
    Posts
    931
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Pullo View Post
    I use the VideoJS plugin. It's stable and updated regularly. I can recommend it.
    http://wordpress.org/extend/plugins/...for-wordpress/

    It's also quite easy to make it responsive if this is important for you.
    Hi Pullo,

    Can I embed youtube video via videoJS Plugin? Thank you for your comment!

  8. #8
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,900
    Mentioned
    212 Post(s)
    Tagged
    12 Thread(s)
    Probably, as you have to enter the location of the video file (so why not YouTube).
    However, if this is what you want to do, there are better tools for the job:
    https://www.google.de/search?q=embed...ugin+wordpress

    HTH

  9. #9
    SitePoint Author silver trophybronze trophy
    wwb_99's Avatar
    Join Date
    May 2003
    Location
    Washington, DC
    Posts
    10,625
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    As of wordpress 3.6 there will be built in media support. 3.6 isn't horribly far off -- it is already in beta.

    For youtube videos you can probably tweak the player a bit using the embed specifications. Check their developer site for details.

  10. #10
    Gre aus'm Pott gold trophysilver trophybronze trophy
    Pullo's Avatar
    Join Date
    Jun 2007
    Location
    Germany
    Posts
    5,900
    Mentioned
    212 Post(s)
    Tagged
    12 Thread(s)
    Quote Originally Posted by wwb_99 View Post
    For youtube videos you can probably tweak the player a bit using the embed specifications. Check their developer site for details.
    Indeed you can. You can set playerVars in the second parameter of YT.Player: https://developers.google.com/youtub...a_Video_Player


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
  •