Tagged: cornerstone
-
AuthorPosts
-
May 27, 2016 at 12:07 pm #1013205
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?
May 27, 2016 at 2:07 pm #1013381So 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?
May 27, 2016 at 7:30 pm #1013681Hi 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.
May 27, 2016 at 7:39 pm #1013685Hi 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!
-
AuthorPosts