{"id":1962,"date":"2016-06-07T09:33:23","date_gmt":"2016-06-07T09:33:23","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/?post_type=jetpack-portfolio&p=1962"},"modified":"2020-09-06T19:30:23","modified_gmt":"2020-09-06T19:30:23","slug":"video-player-tips","status":"publish","type":"jetpack-portfolio","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/portfolio\/video-player-tips\/","title":{"rendered":"Video Player Tips"},"content":{"rendered":"

It is very simple to upload and embed Video in Glow Blogs, the\u00a0Embedding Media Page<\/a>\u00a0give a an overview of the basics. Here are some more advanced Features.<\/p>\n

Here is a simple short movie uploaded and embedded, it is only 4 seconds long:<\/p>\n

\nhttps:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/06\/sub.mp4<\/a><\/video><\/div>\n

Video Details<\/h3>\n

After I have added the video to the post editor I can access some other properties. \u00a0 I click once on the video and edit and delete buttons appear:<\/p>\n

\"Video<\/p>\n

\"screenshot<\/a>
Click to see full sized screenshot.<\/figcaption><\/figure>\n

This opens the Video Details Screen where there are several options:<\/p>\n

Replace Video<\/strong>: Fairly obvious.<\/p>\n

Select Poster Frame<\/strong>: This allows you to upload an image which will show when the video player is loaded.<\/p>\n

For example I’ve uploaded this image:
\n\"poster<\/p>\n

And embed the video again using a poster NB poster images are added to the site without alt tags and will cause accessibility errors<\/strong>:<\/p>\n

https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/06\/sub.mp4<\/a><\/video><\/div>\n

Add Subtitles<\/strong>: should allow you to ad a subtitle track. \u00a0The videos on this page have an srt subtitle, with the content of now audio. Other videos on the help site have subtitles.<\/p>\n

Add Alternative Sources<\/strong><\/p>\n

This lets you add videos in different formats that may play on different platforms. In general we recommend mp4, m4v files will playback well on most systems.<\/p>\n

preload<\/strong><\/p>\n

“metadata” – (“default”) only metadata should be loaded when the page loads
\n“none” – the video should not be loaded when the page loads
\n“auto” – the video should be loaded entirely when the page loads<\/p>\n

Autoplay<\/strong> and Loop<\/strong> do what you would expect. NB some browsers only allow silent video to autoplay.<\/p>\n

Both can be annoying for visitors, especially if the videos have sound.<\/p>\n

Adjusting the size<\/h3>\n

 <\/p>\n

If you would like the video to be displayed at a different size you need to edit in Text<\/strong>\u00a0view.<\/p>\n

In the post editor you will see tabs for Visual and Text. click text.<\/p>\n

you will see a code view of your post.<\/p>\n

Find the shortcode:<\/p>\n

[video width=\"320\" height=\"240\" mp4=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/06\/sub.mp4\"]][[\/video]<\/p>\n

Edit the Width & and Height<\/p>\n

[video width=\"640\" height=\"480\" mp4=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/06\/sub.mp4\"]][[\/video]<\/p>\n

Switch back to Visual, you will see the video is displayed at a larger size. NB this may make your video look a bit blocky.<\/p>\n

https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/06\/sub.mp4<\/a><\/video><\/div>\n","protected":false},"excerpt":{"rendered":"

It is very simple to upload and embed Video in Glow Blogs, the\u00a0Embedding Media Page\u00a0give a an overview of the basics. Here are some more advanced Features.<\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"jetpack-portfolio-type":[41245],"jetpack-portfolio-tag":[64],"class_list":["post-1962","jetpack-portfolio","type-jetpack-portfolio","status-publish","format-standard","hentry","jetpack-portfolio-type-tip","jetpack-portfolio-tag-video"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio\/1962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/types\/jetpack-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/comments?post=1962"}],"version-history":[{"count":3,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio\/1962\/revisions"}],"predecessor-version":[{"id":3469,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio\/1962\/revisions\/3469"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/media?parent=1962"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=1962"},{"taxonomy":"jetpack-portfolio-tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/wp-json\/wp\/v2\/jetpack-portfolio-tag?post=1962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}