Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1013205

    olmeca
    Participant

    I have this page under construction: http://www.bombersbareve.com/

    I guess youtube does not have an auto mute option for video embeds but when I used the video as background it both mutes and displays it fullscreen as exactly I want so I chose this way to display the video.

    The problem is multiple people reported that the video is shown in low resolution to them. There are ways to link to youtube videos forcing a default resolution such as the link below

    https://youtube.com/watch?v=z77uqJTq1n0%3Fversion%3D3%26vq%3Dhd1080%26autoplay%3D1

    But the link above does not work as a background video. It only works with links in /watch form. Is there any way to force the resolution of background video that youtube is gonna show?

    #1013381

    olmeca
    Participant

    So youtube automatically shows embedded videos in 420p. There are no options to change resolution in the background type of video but I need the full hd version to be displayed.

    Some other plugin(mb ytplayer) can force hd display on background videos so there should definitely be a way to do this with code on my website’s side but it does not integrate with cornerstone well (it changes every column’s background into the video).

    Can someone help me figuring out how?

    #1013681

    Friech
    Moderator

    Hi There,

    Thanks for writing in! Please try this code

    https://www.youtube.com/watch?v=z77uqJTq1n0&version=3&vq=hd720

    Take note that YouTube automatically adjust the video resolution base on the user’s connection.

    Thanks.

    #1013685

    Rad
    Moderator

    Hi there,

    Thanks for writing in.

    That player you mentioned probably uses the youtube API that can control other video settings. WordPress’s media element doesn’t have that feature. And it’s not recommended to add youtube URL to X’s video player, other browsers don’t support HTML5 Video with youtube URL.

    Try visiting your site in firefox and your video will not play, and if you check the console you’ll see this

    Specified "type" attribute of "video/youtube" is not supported. Load of media resources https://youtu.be/mB1xW13BbiU?t=30s failed.

    Please note that X theme uses WordPress’s built-in player, and it’s for HTML5 Video (eg. *.mp4, *.webm, and other hosted video files). Youtube video URL isn’t a video file.

    Instead of adding video player for your youtube URL, why not just use video embed with iframe? And I think, you can do HD mode by increasing the iframe’s dimension (eg. <iframe width="1280" height="720"></iframe> ).

    Thanks!