I would like to change flash player SoundCloud to HTML5 player to my site in WordPress. The audios are add in pages.
I'm having problems because i cant find a code no user, just a player that work.
The flash code:
<object height="100%" width="100%">
<param name="movie"
value="http://player.soundcloud.com/player.swf?url=<?=print_field($data,'sound_link') ?>&auto_play=false&player_type=artwork&color=000000"></param>
<param name="allowscriptaccess" value="always"></param>
<embed allowscriptaccess="always" height="100%" src="http://player.soundcloud.com/player.swf?url=<?=print_field($data,'sound_link') ?>&auto_play=false&player_type=artwork&color=000000" type="application/x-shockwave-flash" width="100%"></embed>
</object>
Did you try code like this?
Simply create a new Wordpress post, give a title, then in main text area just insert the shown code below into it as if it was usual article text: (click "Save draft" and then try "Preview") :
[soundcloud url="http://api.soundcloud.com/tracks/34019569" params="color=000000" width="100%" height="166" iframe="true" /]
note: You must use http:// not the SSL version of https://.
EDIT :
First make sure you install the SoundCloud Short Code plugin (made by SoundClound Inc) :
For using SoundCloud URL as link, you can now try:
[soundcloud url="https://soundcloud.com/soulmovementrecords/dj-fleg-new-horns" params="auto_play=false&show_comments=false" width="100%" height="150" /]
Here is a link to an example: SoundCloud Player test (using a page URL not user or track ID)
I assume using your code, you can try something like:
[soundcloud url="sound_link" params="auto_play=false&show_comments=false" width="100%" height="150" /]
Related
I have a swf named "client.swf" on my desktop, and I want to add it to my website so people can play the .swf on there, but the website only accepts HTML content, and not .swf, whats an html code I can use for it to load the .swf from my desktop? or another way of doing it?
you can use <object> </object> tag and also use the <iframe></iframe>
<iframe src="client.swf" width="200" heigt="200"></iframe>
<object width="500" height="500">
<param name="media" value="client.swf">
<embed src="client.swf" width="500" height="500">
</embed>
</object>
SWF into a HTML page is to use swfobject
Just example
<object width="100" height="100">
<param name="movie" value="my.swf">
<embed src="my.swf" width="100" height="100">
</embed>
</object>
I am trying to embed a PDF on a web page, but it isn't showing up. This is the code:
<object type="application/pdf" data="http://www.sunshinesam.com/v/vspfiles/downloadables/Father'sDayPrintable2015.pdf" height="600" width="400">Father's Day Printable 2015</object>
What do I need to change to make it work? Thanks!
A pure, non-javascript way to this would be to do exactly what you're doing now, but add a link. Some thing like
<object data="myfile.pdf" type="application/pdf" width="100%" height="100%">
<p>Alternative text - include a link to the PDF!</p>
</object>
I am using tag to display my video on the page. When the page is loaded, the video gets started automatically.
To prevent this , I use autostart="false". But no Luck.
My code :
<embed style="max-width:180px; max-height:135px;" src="url" autostart="false" loop="true">
Can anyone help me with it?
If it is an strictly an embed, usually you just have to put autostart="false" within the embed tag.
EXAMPLE:
<embed autostart="false">
If it is an object (which is recommended), you will want to use a param.
EXAMPLE:
<object width="160" height="144">
<param name="autoplay" value="false">
<embed src="sample.mov" width="160" height="144" autoplay="false" controller="false"
</embed>
I am using this code to link an embedded .swf file to another page inside an iframe :
<div onmousedown="window.location.href='http://www.pagewhichopens.com'" height=26 width=100>
<object height=26 width=100>
<param name="movie" value="http://www.bcd.com/embeddedfile.swf">
<param name="wmode" value="transparent" />
<embed wmode=transparent allowfullscreen="true" allowscriptaccess="always" src="http://www.bcd.com/embeddedfile.swf" height=26 width=100></embed>
</object>
</div>
But when I cick on the swf the another page opens inside that iframe only which I don't want, I want it to open in the whole browser... which can be done by inserting target="_parent", but where should I put it?
Use top.location to set the location of the top frame or parent.location for the immediate parent. window refers to the current context (inside the frame).
To open some link in a new tab use target="_blank" to achieve this
On my website, I have an embedded video (.mov) which opens and begins to play immediately when the user opens the page. I would like to make the site easier to use by making an image of the first frame which users can click on to begin the video. What's the best way to do this in HTML/javascript?
<embed src="http://www.tizag.com/files/html/htmlexample.mpeg"
autostart="false" />
check autostart is false
The way I did this was to make a javascript function which updated the innerHTML line when clicked, like this:
function displayVideo() {
document.getElementById('videoContainer').innerHTML = '<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="320" height="480" style="float:left"><param name=src value="resources/screencast.mov" /><param name=controller value=false /><param name=autoplay value=true /><param name=loop value=true /><embed src="resources/screencast.mov" width="320" height="480" controller=false autoplay=true loop=true pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" /></object>';
}