I have a list of video thumbnail and I want, when onmouseover, succeed in watching some images of the video
This is the code:
<iframe src="https://drive.google.com/open?id=0B2w5tmFmifnDUkpHRmZ4VEJ1Rzg" scrolling="no" frameborder="0" width="700" height="430" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">
Related
I tried to add the code into body tag but it doesn't work.
<iframe width="0" height="0" src="here.mp3" frameborder="0" allowfullscreen></iframe>
you can use embed tag for this like below
<embed src="yourMusic.mp3">
OR
<audio src="yourMusic.mp3">
Also, you can check more options here https://www.w3schools.com/tags/tag_embed.asp
If I write :
<iframe src=http://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fbarackobama%2Fposts%2F10154508876046749&width=500 width="500" height="527" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
Then facebook post is embedded but it is followed by a weird box.
Sample:
Did I type in something wrong?
This is my code :
<iframe frameborder="0" height="650" marginheight="0" marginwidth="0" scrolling="no" src="http://www.1malaysiatv.com.my/embed/player.php?ch=alhijrah&width=920&height=580" width="780" __idm_id__="0"></iframe>
How to make this code not play with itself . i mean autoplay=0 or autostart=false
i have done many style but cannot stop it from play
An iframe cannot play anything by itself, so you also can't tell it not to autoplay. An iframe just loads a page (the src you provide), and it is the contents inside that page that can play, like in this case the video.
try below code
<iframe frameborder="0" height="650" marginheight="0" marginwidth="0" scrolling="no" src="http://www.1malaysiatv.com.my/embed/player.php?ch=alhijrah&width=920&height=580&autoplay=false" width="780" __idm_id__="0"></iframe>
Iam using JW Player in the website to play youtube videos. I have used embed code for that. It is working properly in all browsers when executing the file from my local diretory. But it is not working in google chrome when executing the file from the server. Below is the code.
<embed id="ply" height="384" width="430" flashvars="autostart=true&repeat=always&file=http:/www.youtube.com/watch?v=cNBFihPwThM&screencolor=000000&backcolor=000000&frontcolor=ffffff&skin=http://www.creatingafamily.org/modules/mod_jwmedia/skins/snel.swf" wmode="transparent" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="ply" style="" src="http://www.creatingafamily.org/modules/mod_jwmedia/player.swf" type="application/x-shockwave-flash"/>
Please help to achieve this. Thanks in advance.
First of all , we should let jwplayer's javascript to build the html code.
Initilaize jwplayer with js, and use HTML5 video in html like this:
<center>
<video controls="controls" id="container" poster="http://www.example.com/yourvideothumbs/videothumb.jpg" width="693" height="388">
<source src="http://www.example.com/videos/jourvideo.mp4" type="video/mp4" />
</video>
</center>
Javascript:
if(navigator.userAgent.toLowerCase().match(/(android)/) || navigator.userAgent.toLowerCase().match(/(chrom)/) ){
//wee must force flash video player in chrome, because mp4 video files is not supported yet in chrome's HTML5 video implementation.
modes = [{type: 'flash', src: '[JWPLAYERBASEDIR]/swf/player.swf'}];
}else{
modes = [ {type: 'html5'},{type: 'flash', src: '[JWPLAYERBASEDIR]swf/player.swf'}];
}
jwplayer("container").setup({
'modes':modes,
});
This worked me in all browsers. jwplayer can conform if is HTML5 supported or not.
Or the below with forced HTML4 implementation:
<div id="container"></div>
<script type="text/javascript">
jwplayer("container").setup({
modes = [{type: 'flash', src: '[JWPLAYERBASEDIR]/swf/player.swf'}], //force flashplayer for video
image: "yourvideothumbs/videothumb.jpg", //poster image
file: "videos/jourvideo.mp4", //video file
height: "693", //set height in px
width: "388" //set width in px
});
And in setup you can set skin, controls, autostart anything you want:
http://www.longtailvideo.com/support/jw-player/28839/embedding-the-player/
how can I adjust the width and height for all iframe that has only youtube link
<iframe width="420" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/xbGv2T456dfg3">
because I have some the uses iframe also but I only need to adjust all iframe that has a youtube link.
css
iframe {width:560px;height:316px;}
need help on this
Use an attribute selector:
iframe[src^=http://www.youtube.com] {
width:560px;
height:316px;
}
If the link might be https, or some other variations, you can use the more liberal *= selector:
iframe[src*=.youtu] {
width:560px;
height:316px;
}