{"id":2207,"date":"2010-12-14T10:47:36","date_gmt":"2010-12-14T05:17:36","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=2207"},"modified":"2016-12-16T12:15:30","modified_gmt":"2016-12-16T06:45:30","slug":"using-custom-tag-for-embedding-the-video-in-grails","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/using-custom-tag-for-embedding-the-video-in-grails\/","title":{"rendered":"Using Custom Tag for embedding the Video in Grails"},"content":{"rendered":"

I had to make a video available on my GSP page. So I looked at the grails flash-player plugin<\/a>.\u00a0\u00a0After going through the documentation I found that it could not be used with videos on YouTube.<\/p>\n

This code given below will generate the script for the flash player on your GSP for playing youtube videos.<\/p>\n

[html]
\n<object width="480" height="385">
\n<param name="movie" value="http:\/\/www.youtube-nocookie.com\/v\/YG9RGKYauhE?fs=1&amp;amp;hl=en_US">
\n<\/param>
\n<param name="allowFullScreen" value="true"><\/param><param name="allowscriptaccess" value="always">
\n<\/param>
\n<embed src="http:\/\/www.youtube-nocookie.com\/v\/YG9RGKYauhE?fs=1&amp;amp;hl=en_US"
\ntype="application\/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480"
\nheight="385">
\n<\/embed><\/object>
\n[\/html]<\/p>\n

This is the general code for a YouTube video. URL in the browser for video looks like -http:\/\/www.youtube.com\/watch?v=YG9RGKYauhE<\/strong>&feature=related.<\/p>\n

The common thing between embed code and URL of video is the key<\/strong> for the video which uniquely identifies it. So copy and paste the code in your GSP page and pass the video key to change the video as you want.<\/p>\n

But to make it simple I made a custom tag like–<\/strong><\/p>\n

[groovy]
\ndef video={attrs->
\n def videoKey=attrs[‘videoKey’]
\n def vd={
\n object(width:attrs[‘width’]?:"640",height:attrs[‘height’]?:"385"){
\n param(name:"movie",value:"http:\/\/www.youtube-nocookie.com\/v\/${videoKey}?fs=1&amp;amp;hl=en_US")
\n param(name:"allowFullScreen",value:"true")
\n param(name:"allowscriptaccess",value:"always")
\n embed(src:"http:\/\/www.youtube-nocookie.com\/v\/${videoKey}?fs=1&amp;amp;hl=en_US",
\ntype:"application\/x-shockwave-flash",allowscriptaccess:"always",allowfullscreen:"true",
\nwidth:"${attrs[‘width’]?:’640′}", height:"${attrs[‘height’]?:’385′}")<\/p>\n

}<\/p>\n

}
\n def xml=new groovy.xml.StreamingMarkupBuilder().bind(vd)
\n out<<xml
\n}
\n[\/groovy]<\/p>\n

so you just need to write the following tag which will set its default height, width etc.<\/p>\n

[html]<my:image videoKey=\u201d——-the key from youtube———\u201d \/>[\/html]<\/p>\n

I hope\u00a0this helps!<\/p>\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

I had to make a video available on my GSP page. So I looked at the grails flash-player plugin.\u00a0\u00a0After going through the documentation I found that it could not be used with videos on YouTube. This code given below will generate the script for the flash player on your GSP for playing youtube videos. [html] […]<\/p>\n","protected":false},"author":27,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":3},"categories":[7],"tags":[4304,4840,4303],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/2207"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=2207"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/2207\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=2207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=2207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=2207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}