{"id":2126,"date":"2010-06-28T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/johnjohnston.info\/blog\/?e=2126"},"modified":"2010-06-28T00:00:00","modified_gmt":"1970-01-01T00:00:00","slug":"videos-in-glow-another-way-topup","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/videos-in-glow-another-way-topup\/","title":{"rendered":"Videos in Glow- another way – TopUp"},"content":{"rendered":"\n

I’ve blogged a bit<\/a> before about adapting glow to show video and audio<\/a>. I’ve found another way to do it using the TopUp Javascript library<\/a> and jQuery<\/p>\n

Here is a screencast to show how it works:<\/p>\n

<\/param><\/param><\/param><\/param><\/object><\/p>\n

This goes in an xml webpart in glow:<\/p>\n

<\/p>\n


\n\t
\n
\n \t<\/p>\n

<\/p>\n

Here is what is going on:

\nLine 1<\/strong> includes the jQuery Library hosted by google.

\nWe then have a simple script using the library.

\nLine 3<\/strong> setting jQuery to noConflict<\/a>, this means that we use jQuery for our main function name rather than the $ shortcut. I am not sure if I need to do this but it fixed some early experiments.

\nLine 5<\/strong>, this is where we use jQuery, we use it to add a css class of top_up<\/em> to any link that links to an m4v file.

\nLine 9<\/strong> add the TopUp javascript library from gettopup.com. This is enough to make m4v videos play in a popup window but in the last bit of the script we just ajust some settings.<\/p>\n","protected":false},"excerpt":{"rendered":"

I’ve blogged a bit before about adapting glow to show video and audio. I’ve found another way to do it using the TopUp Javascript library and jQuery Here is a screencast to show how it works: This goes in an xml webpart in glow: Here is what is going on: Line 1 includes the jQuery […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[8,38,84],"post_format":[],"class_list":{"0":"post-2126","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wwwd","7":"tag-glowscotland","8":"tag-javascript","9":"tag-video","10":"kind-","11":"h-entry","12":"hentry"},"better_featured_image":null,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p57zFQ-yi","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=2126"}],"version-history":[{"count":0,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/2126\/revisions"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=2126"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=2126"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=2126"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=2126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}