http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube Best place for theme related questions en-US Thu, 23 May 2013 05:15:32 +0000 http://bbpress.org/?v=1.0.2 q http://themefuse.com/forum/search.php http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42105 Mon, 02 Apr 2012 22:43:20 +0000 ulfben 42105@http://themefuse.com/forum/ <p>Of course, no joy can last long... :/</p> <p>The iframe-youtube video shows through the prettyBox popup. Aaaarg. :(</p> <p>EDIT: adding 'wmode=transparent' to the urls supposedly fixes the problem. I'll deal with that in the morning. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42084 Mon, 02 Apr 2012 21:53:05 +0000 Max 42084@http://themefuse.com/forum/ <p><strong>How do I post code with highlighting like you do?</strong></p> <p>I'm using code shortcode. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42046 Mon, 02 Apr 2012 19:39:48 +0000 ulfben 42046@http://themefuse.com/forum/ <p>Okay, so I added support for youtu.be and other variants of youtube url, making them all use iframe-embedding. Here's the relevant new sections. (let me know and I'll happily email the complete file to you)</p> <pre><code>$resurce_type = $output = &quot;&quot;; if(strpos($link, &#039;youtu.be/&#039;) !== false) { $link = str_replace(&#039;youtu.be/&#039;, &#039;www.youtube.com/embed/&#039;, $link); $resurce_type = &quot;youframe&quot;; } else if(strpos($link, &#039;youtube.com/watch?v=&#039;) !== false) { $link = str_replace(&#039;youtube.com/watch?v=&#039;, &#039;youtube.com/embed/&#039;, $link); $resurce_type = &quot;youframe&quot;; } else if(strpos($link, &#039;youtube.com/v/&#039;) !== false) { $link = str_replace(&#039;youtube.com/v/&#039;, &#039;youtube.com/embed/&#039;, $link); $resurce_type = &quot;youframe&quot;; }</code></pre> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42038 Mon, 02 Apr 2012 19:22:21 +0000 ulfben 42038@http://themefuse.com/forum/ <p>How do I post code with highlighting like you do? Neither backticks nor the code tag seems to do the trick. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42037 Mon, 02 Apr 2012 19:19:59 +0000 ulfben 42037@http://themefuse.com/forum/ <p>Actually, the $flash_markup seems to be entirely correct. Even using a fresh piece of embed code straight off youtube, it still doesn't give me fullScreen-button on my site. This is strange.</p> <p>As a workaround, I added support for the YouTube iframe-embedding. </p> <p>In get_embed.php add an if-statement to the others;<br /> <pre><code>if ( preg_match(&#039;/youtube\.com\/embed/i&#039;,$link) ) { $resurce_type = &quot;youframe&quot;; }</code></pre> <p>Add fullscreen param to $iframe_markup;<br /> <code>$iframe_markup = &#039;&lt;iframe src =&quot;{path}&quot; width=&quot;{width}&quot; height=&quot;{height}&quot; frameborder=&quot;no&quot; allowfullscreen&gt;&lt;/iframe&gt;&#039;;</code></p> <p>Lastly, add a case handler for the youframe;<br /> <pre><code>case &#039;youframe&#039;: $search = array(&quot;{width}&quot;, &quot;{height}&quot;, &quot;{path}&quot;); $replace = array($width, $height, $link); $output = str_replace($search, $replace, $iframe_markup); break;</code></pre> <p>Works great;<br /> <a href="http://www.gotlandindies.org/blog/news/zeal-invites-to-playtest-red-frontier/" rel="nofollow"><br /> example post</a></p> <p>Though you need to make sure you get the "embed"-url of the youtube clip. If you want to write a str_replace / regexp to modify a standard youtube-url for iframe embeding, that would be sweet.</p> <p>iframe-url looks like:<br /> <code><a href="http://www.youtube.com/embed/e4oSjVov4jI" rel="nofollow">http://www.youtube.com/embed/e4oSjVov4jI</a></code></p> <p>old-style url looks like:<br /> <code><a href="http://www.youtube.com/watch?v=e4oSjVov4jI" rel="nofollow">http://www.youtube.com/watch?v=e4oSjVov4jI</a></code><br /> or<br /> <code><a href="http://youtu.be/e4oSjVov4jI" rel="nofollow">http://youtu.be/e4oSjVov4jI</a></code> </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42027 Mon, 02 Apr 2012 19:00:34 +0000 Max 42027@http://themefuse.com/forum/ <p>Sorry, my bad. You have to change this code:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> &lt;?php echo tfuse_get_embed(520, 293, PREFIX . &quot;_post_video&quot;); ?&gt; </pre> </div> <div class="box-bot"><span></span></div> </div><br /> to:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> &lt;?php echo $post_video; ?&gt; </pre> </div> <div class="box-bot"><span></span></div> </div> </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42024 Mon, 02 Apr 2012 18:52:54 +0000 ulfben 42024@http://themefuse.com/forum/ <p>Thanks, but single.php still invokes tfuse_get_embed to perform the embedding, which obviously doesn't cope too well with the HTML-markup provided from YouTube. :)</p> <p>But now that I've found tfuse_get_embed (in get_embed.php) I could probably just add the allowFullscreen parameter (and support for <a href="http://youtu.be" rel="nofollow">http://youtu.be</a> URL) there? </p> <p>I'll report back shortly. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-42018 Mon, 02 Apr 2012 18:28:42 +0000 Max 42018@http://themefuse.com/forum/ <p>Hi,<br /> this have nothing with prettyphoto. The prettyphoto notice is for other purposes, only in case if is opened in lightbox. In your case is not used prettyphoto. There are another changes that need to be made.</p> <p>1. In post_options.php file located in library\tfuse_mods\options find this code:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> $post_options[] = array( &quot;name&quot; =&gt; &quot;Custom Post Video&quot;, &quot;desc&quot; =&gt; &quot;Read &lt;a target=&#039;_blank&#039; href=&#039;<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/&#039;&gt;prettyPhoto" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/&#039;&gt;prettyPhoto</a> documentation&lt;/a&gt; for info on how to add video or flash in this URL.&quot;, &quot;id&quot; =&gt; &quot;{$prefix}_post_video&quot;, &quot;std&quot; =&gt; &quot;&quot;, &quot;type&quot; =&gt; &quot;text&quot;); </pre> </div> <div class="box-bot"><span></span></div> </div><br /> and replace with:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> $post_options[] = array( &quot;name&quot; =&gt; &quot;Custom Post Video&quot;, &quot;desc&quot; =&gt; &quot;Read &lt;a target=&#039;_blank&#039; href=&#039;<a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/&#039;&gt;prettyPhoto" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/&#039;&gt;prettyPhoto</a> documentation&lt;/a&gt; for info on how to add video or flash in this URL.&quot;, &quot;id&quot; =&gt; &quot;{$prefix}_post_video&quot;, &quot;std&quot; =&gt; &quot;&quot;, &quot;type&quot; =&gt; &quot;textarea&quot;); </pre> </div> <div class="box-bot"><span></span></div> </div><br /> This would replace the text field with a textarea where you would add embed code.</p> <p>2. In single.php file find this code:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> $post_video = get_post_meta($post-&gt;ID, PREFIX . &quot;_post_video&quot;, true); </pre> </div> <div class="box-bot"><span></span></div> </div><br /> and replace with:<br /> <div class="box forum"> <div class="box-top"><span></span></div> <div class="box-content"> <pre class="brush: php; gutter: false; first-line: 1; auto-links: false "> $post_video = stripslashes (html_entity_decode(get_post_meta($post-&gt;ID, PREFIX . &quot;_post_video&quot;, true),ENT_QUOTES, &#039;UTF-8&#039;)); </pre> </div> <div class="box-bot"><span></span></div> </div></p> <p>This is all, need to work.<br /> Cheers,<br /> Max. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-41974 Mon, 02 Apr 2012 09:04:37 +0000 ulfben 41974@http://themefuse.com/forum/ <p>Ah, sorry.</p> <p>When using the "custom post video" field, as shown here; <a href="http://www.gotlandindies.org/blog/news/zeal-invites-to-playtest-red-frontier/" rel="nofollow">http://www.gotlandindies.org/blog/news/zeal-invites-to-playtest-red-frontier/</a></p> <p>I'd like to have youtube embedded with fullScreen-button. It says in the admin interface that prettyPhoto is responsible for embedding the link, and prettyPhoto does support youtube fullScreen-parameter. Though I can't find a simple way to set it up. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-41959 Mon, 02 Apr 2012 03:29:04 +0000 Max 41959@http://themefuse.com/forum/ <p>Hi,<br /> you mean to have the video opened in full screen mode or to have the full screen option when is opened with prettyphoto.</p> <p>Cheers,<br /> Max. </p> http://themefuse.com/forum/freshfolio-wp/tell-prettyphoto-to-allow-fullscreen-youtube#post-41937 Sun, 01 Apr 2012 21:35:00 +0000 ulfben 41937@http://themefuse.com/forum/ <p>How do we configure prettyPhoto to embed youtube videos with full-screen support? It's supported by prettyPhoto, but I don't know how FreshFolio configures the script. </p>