0

I need your help one more time :D In my website I have:

<a href="test1.mp3" target="iframe">test 1</a>
<a href="test2.mp3" target="iframe">test 2</a>
<a href="test3.mp3" target="iframe">test 3</a>

When I click on url it open this song on this iframe ussing <video> tag. It's possible edit video buttons? I mean, for example the style of play/pause button. I know that it's possible but I don't know the ID of each element for edit it :D

Someone can help me?

Thanks so much.

user3424570
  • 3
  • 2
  • Take a look at this website, the sources are also avalible. http://www.videojs.com/ – The_Monster Sep 08 '14 at 12:09
  • I need to know all class as: .vjs-default-skin .vjs-big-play-button ... – user3424570 Sep 09 '14 at 08:10
  • You haven't shown very much of your sources so helping is a bit hard. Show more show helping you is easier – The_Monster Sep 09 '14 at 08:16
  • I have no more. When I click the url with a file.mp3, it open on a iframe. If you inspect the iframe you can see ' – user3424570 Sep 09 '14 at 11:05

1 Answers1

0

You can try this:

Here is the original website:

http://nunzioweb.com/misc/movies/iframe-embed_example.htm

<!DOCTYPE HTML>
<html>
<head>
<meta name="google" value="notranslate" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Dog Smoking</title>

<style type="text/css">
body {
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
margin-top:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
}
</style>

<link href="Dogsmoke_embed.css" rel="stylesheet" type="text/css">
</head>
<body>
<iframe class="tscplayer_inline" name="tsc_player" src="Dogsmoke_player.html" scrolling="no" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</body>
</html>

If that doesnt work like you want you can try this: play iframe video on click a link javascript

Community
  • 1
  • 1
The_Monster
  • 494
  • 2
  • 7
  • 28