I am trying to embed videos in my ionic app.
<div ng-show="showVideo" align="center">
<iframe margin="0" padding="0" border="none" width="700" height="400" frameBorder="0"
ng-src="{{exercise_video_url}}">
</iframe>
</div>
exercise_video_url I get from my database whose value is something like:
https://www.youtube.com/embed/iLOvmdrO*** (last letters *ed for privacy reason)
When the video is finished I see this:
How can I get rid of these suggestions and just play my video?
Just add ?rel=0 to the end of the embed url and it removes the similar video suggestions.
https://www.youtube.com/embed/iLOvmdrO***?rel=0
Related
I want to embed a music as the background music into my blog and let it auto play.
I thought it could be easy, just type the html code.
I have a music hosted on One Drive and I inserted 3 pieces of code into my blog like below:
<iframe src="https://onedrive.live.com/embed?cid=xxxxx&resid=xxx&authkey=xxxxxx" allow="autoplay" width="98" height="120" frameborder="0" scrolling="no"></iframe>
<audio controls="" autoplay="" loop="">
<source src="https://onedrive.live.com/embed?cid=xxxxx&resid=xxxxx&authkey=xxxxx&autoplay=1" type=”audio/mp3″>
</audio>
<embed id="background-audio" src="https://onedrive.live.com/embed?cid=xxxxx&resid=xxxxx&authkey=xxxxx" autostart="1">
iframe and embed tags look same, they look like the music icon on the right side of the screen shot;
audio tag looks like the one on the left side, but disabled.
Could anyone show me how to do it?
Update 1
This is what the Backend looks like:
Reading An Email in Java Swing App.
I have an HTML string received from email that contained an inline image
I retrieved and stored the image "image.001.jpg"
Now I want to View The E-Mail in an JTextPane with the text and inline image
How do I translate the CID:ii_jfppcl910_162a1546c5df71b3 to the jpg image I have saved?
My Resulting HTML line would be:
<img src="image.001.jpg" alt="some_text" width="300" height="200"/>
Thanks In Advance.
I would suggest not translating that and just saving the files from the email to a file system storage directory. Then showing the HTML with the BrowserComponent. You can pass a path to FileSystemStorage into the browser component and it should "just work".
I like to post the video link on my website but that doesnot work
<div ng-repeat="vid in video">
<iframe class="embed-responsive-item" width="250px" height="250px" src="https://www.youtube.com/embed/+{{vid.youtube}}" frameborder="0" allowfullscreen></iframe>
</div>
The above code not working, please help.
You must use the ngSrc attribute as they say in the Angular documentation otherwise your browser tries to fetch the url with "{{vid.youtube}}".
Plus you don't need to add a "+", there isn't any on Youtube urls.
EDIT : I actually had the same problem with iFrames, and I forgot about it : you must tell Angular you "trust" the Url given. Take a look a this post, it's exactly the same problem.
I am working on an Ionic project and via json I was able to readout my data in the view. But for some reason my image won't come through.
Here is a screenshot of my console:
As you can see from the picture the data is coming in correctly.
My html code:
<ion-list>
<div ng-repeat="newsItem in newsItems">
<a href="#">
<img ng-src="{{newsItem.picture}}" width="80" height="80">
<p>{{newsItem.name}}</p>
</a>
</div>
</ion-list>
Anyone has an idea why the image is not showing?
ok, first you jsfiddle is broken ! but no biggie, just remove ';' from the first line. Second your json news doesn't have a pictures it's just this ...
{"newsID":"58","name":"Chemicar presentation","idk":"new","kind":"news","picture":"58.jpg","picture1":"","start_time":"1446073201"}
You are binding to {{newsItem.picture}} and as you can see your picture it's there as a 58.jpg but this is not a picture it's just a string of picture name, so that's why it's not showing anything in the html!
(Perhaps I should have put this in a comment; totally going to get flamed)
I wonder if it could be a z-index issue?
I'm trying to add a loop functionality to my vimeo video but is not working. Do you know if it's not supported on Chrome (Mac) or is there a way to fix it?
<iframe src="//player.vimeo.com/video/112412666#t=0s?title=0&byline=0&portrait=0&autoplay=1&loop=1" width="700" height="467" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
After a lot of research I found out that the problem was the "#t=0s" after the video ID, so the code should looks like this:
<iframe frameborder="0" width="700" height="467" src="http://player.vimeo.com/video/112412666?title=0&byline=0&portrait=0&autoplay=1&loop=1&autopause=0&color=fdea2e"></iframe>