I used the following code in my show.html.erb file to load a youtube video. The video loads but any code after this is not executing.
<p>
<iframe id="ytplayer" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/<%=#video.youtubeid%>"
frameborder="0"/>
</p>
Change it to
<p>
<iframe id="ytplayer" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/<%=#video.youtubeid%>"
frameborder="0">
</iframe>
</p>
Refer this post
You should be able to use the <%= 'no line break' -%> syntax, as in:
<iframe id="ytplayer" type="text/html" width="640" height="390"
src="http://www.youtube.com/embed/<%= #video.youtubeid -%>"
frameborder="0">
</iframe>
Notice the extra dash at the end -%>
Related
I'd like to be able to embed some IMDb trailers in a webpage. I found this stock IMDb tool that even produces the embed code for you...
The produced code looks like this:
<iframe src="https://www.imdb.com/video/imdb/vi1462938649/imdb/embed?autoplay=false&width=480" width="480" height="270" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" frameborder="no" scrolling="no"></iframe>
Then I thought that by changing the vi9999999999 param in the iframe's source, I'd be able to get any other trailer embedded in my site... Wrong... Some videos play normally, while others complain about the x-frame-options: sameorigin directive/policy in effect...
If it didn't work at all, I'd perfectly understand that... But why does it work on some videos, and on some others it doesn't?
From the collection of iframes below, 50% of them work, while the other 50% don't...
<iframe src="https://www.imdb.com/video/imdb/vi2945515801/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi1627823385/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi2117384985/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi3812212505/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi1341915417/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi4036933145/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi1726152985/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi4059824409/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi719454489/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
<iframe src="https://www.imdb.com/video/imdb/vi1392427289/imdb/embed?autoplay=false&width=640" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" scrolling="no" width="640" height="360" frameborder="no"></iframe>
I'm totally confused about this. Can anyone shed some light on this please? TIA
I upload files (PDF's only) using paperclip and now want to display these as a PDF in a view.
This gives me an empty frame <iframe src="<% #document.file %>"></iframe>
This results in an image <%= image_tag #document.file(:large) %>
the files are stored in postgress.
You have an syntax "issue":
<iframe src="<% #document.file %>"></iframe>
Should be
<iframe src="<%= #document.file %>"></iframe>
<!-- notice the equals symbol (=) -->
<!-- which prints something into erb file. -->
Also, I believe you need to use it's url, so I'd be something like this:
<iframe src="<%= #document.file.url(:large) %>"></iframe>
More info - What is the difference between <%, <%=, <%# and -%> in ERB in Rails?
<iframe src= <%= #document.url.html_safe %> width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe>
https://scalified.com/2018/01/16/injecting-pdf-html-page/
This must be very simple. But I just can't seem to find the proper solution.
I have a model with an embedded video attribute.
I made it happen like this:
On my show page
<iframe width="560" height="315" src="<%= #trip.youtube %>" frameborder="0" allowfullscreen></iframe>
Everything works fine, but the thing is that i don't want to show this part if the youtube url is blank. Otherwise I am left with a huge white space, which I don't need.
I've tried to play around with unless or if conditions
<% if #trip.youtube.blank? %>
<iframe width="0" height="0" src="<%= #trip.youtube %>" frameborder="0" class="hidden" allowfullscreen></iframe>
<% else %>
<iframe width="560" height="315" src="<%= #trip.youtube %>" frameborder="0" allowfullscreen></iframe>
<% end %>
But I'm doing something wrong.
Any suggestions for a better way ?
Thanks.
Why not just use:
<% if #trip.youtube.present? %>
<iframe width="560" height="315" src="<%= #trip.youtube %>" frameborder="0" allowfullscreen></iframe>
<% end %>
And leave it at that?
aaa... such a dumb mistake.
In my _form I had:
<div class="field">
<%= f.label :youtube %><br />
<%= f.text_field :youtube,:value => 'http://' %><br />
</div>
Since the field had already - http://, either way, with or without youtube url, rails didn't identify it as blank :))
needs to be simply:
<div class="field">
<%= f.label :youtube %><br />
<%= f.text_field :youtube %><br/>
</div>
and
<% if #trip.youtube.present? %>
<iframe width="560" height="315" src="<%= #trip.youtube %>" frameborder="0" allowfullscreen></iframe>
<% end %>
Works like a charm. Thanks :)
I have a site that will have several Youtube videos embedded using the standard Youtube iframe code.
I would like for these to be triggered via text link such as:
<p>Click Here to watch a puppy do something.</p>
<iframe width="420" height="315" src="http://www.youtube.com/embed/1AH9VEM_qC0?rel=0" frameborder="0" allowfullscreen></iframe>
Where the iframe is hidden by default but when the link is clicked the video shows in a jQuery UI modal window.
There will be multiple videos on a page.
Any direction is appreciated.
jsFiddle: http://jsfiddle.net/2Ur9M/38/
<div id="vid1" class="play">vid1</div>
<div id="vid2" class="play">vid2</div>
<div id="vid3" class="play">vid3</div>
<div id="ifvid1" style="display:none">1<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe></div>
<div id="ifvid2" style="display:none">2<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe></div>
<div id="ifvid3" style="display:none">3<iframe width="420" height="315" src="" frameborder="0" allowfullscreen></iframe></div>
<script>
$(function()
{
$(".play").each( function( index )
{
$(this).click( function()
{
$("#if"+$(this).attr("id")).dialog(
{
modal: true
});
});
});
});
</script>
When I put
<iframe width="560" height="349" src="<%= #video.link %>"></iframe>
Everything shows up fine. But the actual video won't play.. what am I doing wrong?
<iframe width="560" height="349" src="http://youtu.be/PF9-lstnLvo">
<html lang="en" dir="ltr">
</iframe>
HELP!!
Wrong src at iframe, it need to be like:
http://www.youtube.com/embed/PF9-lstnLvo
You need to add code:string to you Video model.
Or method code, which return you this code from #video.link like this:
def code
self.link.split('/').last if self.link
end
And replace erb:
<iframe width="560" height="349" src="<%= "http://www.youtube.com/embed/"+#video.code %>"></iframe>