az

saria

<html>
  
  <head>
    <meta charset="utf-8" />
    <meta name="description" content="Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor." />
    <meta name="keywords" content="online javascript editor, testing javascript online, online ide, online code editor, html, css, coffeescript, scss online editor" />
    <meta name="author" content="JSFiddle" />
    <meta name="copyright" content="share alike" />

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-touch-fullscreen" content="yes" />

Layout.skin = "light";// "light"
        window.addEvent('domready', function() {
          if (panel_js != 'javascript' && $('jslint')) {
            $('jslint').getParent('li').hide();
          }

$extend(Layout, new Events());
          mooshell = new MooShellActions({
            example_id: fiddleOptions.example_id,
            exampleURL: fiddleOptions.exampleURL,
            exampleSaveUrl: '/_save/',
            // sendCallbackURL: '',
            loadDependenciesURL: '/_get_dependencies/{lib_id}/',
            loadLibraryVersionsURL: '/_get_library_versions/{group_id}/'
          });
          new MooShellEditor.JS(document.id('id_code_js'), {
            language: panel_js
          }); // add user defined parameters
          new MooShellEditor.HTML(document.id('id_code_html'), {
            language: panel_html
          }); // add user defined parameters
          new MooShellEditor.CSS(document.id('id_code_css'), {
            language: panel_css
          }); // add user defined parameters
          Layout.render();

// show editors and content when the last editor loads
          // this will prevent flickering, plus looks nice
          document.id('content').setStyle('opacity', 1);

// always keep this at the bottom
          $$('select.panelChoice').each(function(sel) {
            this.switchLanguage(sel);
          }, mooshell);
        });
      </script>

ga('create', 'UA-366077-13', 'auto');
  ga('send', 'pageview', '/[user]/[fiddle]/'); // where `url_structure` is for example `/[user]/[fiddle]/[revision]/embedded/js,css/`
</script>

<title>JWPlayer Demo  - JSFiddle</title>
  </head>
  <body>
    <h1>Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.</h1>
    <h2>online javascript editor, testing javascript online, online ide, online code editor, html, css, coffeescript, scss online editor</h2>
    <form method="post" id="show-result" target="result" action="//fiddle.jshell.net/_display/">
      
      
      <div style='display:none'><input type='hidden' name='csrfmiddlewaretoken' value='4BcmCLUf7dvp6q4iKPbMqGaJqW8i7zJm' /></div>
      <div id="header">
        <div id="branding">
          <p id="name" class="changelog-badge"><a title="JSFiddle " href="/" id="home" class="drop-target">JSFiddle</a></p>
        </div>
        
          <div id="actions">
  <nav class="actionCont collapsed">
    <div class="actionItem">
      <a class="aiButton" id="run" title="Run (CTRL + Return)" href="#run"><i class="bts bt-play"></i>Run</a>
    </div>

<div class="actionItem hidden">
        <a class="aiButton" id="savenew" title="Save new Fiddle (CTRL + S)" href="#save"><i class="bts bt-pencil"></i>Save</a>
      </div>
      <div class="actionItem visible">
        <a class="aiButton" id="update" title="Update (CTRL + S)" href="#update"><i class="bts bt-pencil"></i>Update</a>
      </div>
      <div class="actionItem visible">
        <a class="aiButton" id="fork" title="Fork into a new Fiddle" href="#fork"><i class="bts bt-fork"></i>Fork</a>
      </div>

<div class="actionItem">
      <a class="aiButton" id="tidy" title="Tidy messy code" href="#tidy"><i class="bts bt-align-left"></i>Tidy</a>
    </div>
    
    <div class="actionItem">
      <a class="aiButton" id="collaborate" title="Collaborate on code" href="#collaborate"><i class="bts bt-commenting"></i>Collaborate</a>
    </div>
  </nav>

<ul class="actionCont dropdown">
    <li class="actionItem visible">
      <a class="aiButton dropdownTrigger" id="share" title="Embed this Fiddle" href="#embed">Embed<i class="bts bt-angle-down rightIcon"></i></a>
      <div class="dropdownCont center">
        <div class="dcWrapper embed">

<div id="creator">
            <section>
              <h3>Tabs:</h3>
              <div class="inlineFields">
                <label class="inputCont_checkbox checkboxCont">
                  <input type="checkbox" name="tabs" value="js" checked>
                  <span class="checkbox"><i class="bts bt-check"></i></span> JavaScript
                </label>
                <label class="inputCont_checkbox checkboxCont">
                  <input type="checkbox" name="tabs" value="html" checked>
                  <span class="checkbox"><i class="bts bt-check"></i></span> HTML
                </label>
                <label class="inputCont_checkbox checkboxCont">
                  <input type="checkbox" name="tabs" value="css" checked>
                  <span class="checkbox"><i class="bts bt-check"></i></span> CSS
                </label>
                <label class="inputCont_checkbox checkboxCont">
                  <input type="checkbox" name="tabs" value="result" checked>
                  <span class="checkbox"><i class="bts bt-check"></i></span> Result
                </label>
              </div> 
            </section>

<section class="noborder">
              <h3>Visual:</h3>
              <div class="inlineFields">
                <label class="inputCont_checkbox checkboxCont">
                  <input type="radio" name="skin" value="light" checked>
                  <span class="radio"></span> Light
                </label>
                <label class="inputCont_checkbox checkboxCont">
                  <input type="radio" name="skin" value="dark">
                  <span class="radio"></span> Dark
                </label>
              </div> 
              <label class="inputCont_text">
                <input type="text" name="accentColor" maxlength="6" placeholder="Accent color">
              </label>
              <label class="inputCont_text">
                <input type="text" name="fontColor" maxlength="6" placeholder="Font color">
              </label>
              <label class="inputCont_text">
                <input type="text" name="menuColor" maxlength="6" placeholder="Menu background">
              </label>
              <label class="inputCont_text">
                <input type="text" name="bodyColor" maxlength="6" placeholder="Code background">
              </label>
            </section>

<section class="noborder">
              <h3>Embed code <a href="#" class="codeTypeToggle">Prefer iframe?</a>:</h3>
              <div class="embedCodeWrap">
<textarea class="embedCode" id="share_embedded_dropdown" data-view="embed" data-pattern-value='<script async src="{embedSrc}"></script>'>
<script async src="{embedSrc}"></script>

Fiddle Author

ramp

Fiddle Meta

Add title to make the fiddle public.

External Resources 5

popcorn.js

theme.mp2.css

jquery.iecors.js

jwplayer.js

metaplayer-complete.js

AJAX Requests

/echo simulates AJAX calls:
JSON: /echo/json/
JSONP: //jsfiddle.net/echo/jsonp/
HTML: /echo/html/
XML: /echo/xml/

See docs for more info.

Legal, Credits and Links

Hosted by DigitalOcean

License

All code belongs to the poster and no license is enforced.

JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code.

Links

Docs

HTML

var jwp, video, player;
 $(function () {

jwp = jwplayer('target').setup({
         controls: false, // v6
         controlbar: "none", //v5
         width: "600",
         height: "300",
         autostart: true,
         icons: false, // disable a big play button on the middle of screen
         plugins: {
             viral: {
                 onpause: false,
                 oncomplete: false,
                 allowmenu: false
             }
         }, // disable all viral features.
         flashplayer: "
",
         file: "https://googledrive.com/host/0B9XJxML9RvoSbXpGdmdLUnUzbUE/youngmon2.mp4"

});

jwp.onReady(function () {
         video = MetaPlayer.jwplayer(jwp);
         video.autoplay = true;

player = MetaPlayer(video)
             .controlbar({
             fullscreen: true
         })
             .captionconfig()
             .transcript("#transcript")
             .searchbar("#searchbar")
             .mrss("//publishing.ramp.com/FileResource/widgets/metaplayer3/examples/data/elephants.mrss.xxml")
             .srt()
             .load();
     });

});

JavaScript

CSS

Language

Doctype

Body tag

Language

Frameworks & Extensions

jQuery UI 1.8.18
jQuery Lint (13 June '11)
Bootstrap 2.0.2 (js only)
jQuery Mobile 1.1.1

Load type

Framework <script> attribute

Language

Options

Normalized CSS

saria

...

Đọc thêm »

serti

.container {
    position: relative;
}

.metaplayer {
    width: 600px;
    height: 300px;
    outline: 1px solid red;
}

#transcript {
    margin-top: 10px;
    outline: 1px solid black;
    width: 600px;
    height: 100px;
}

#searchbar {
    outline: 1px solid black;
    width: 600px;
}
</style>

jwp = jwplayer('target').setup({
         controls: false, // v6
         controlbar: "none", //v5
         width: "600",
         height: "300",
         autostart: true,
         icons: false, // disable a big play button on the middle of screen
         plugins: {
             viral: {
                 onpause: false,
                 oncomplete: false,
                 allowmenu: false
             }
         }, // disable all viral features.
         flashplayer: "//publishing.ramp.com/FileResource/widgets/metaplayer3/external/jwplayer/player.swf",
         file: "//googledrive.com/host/0B9XJxML9RvoSbXpGdmdLUnUzbUE/DetectiveSeaDragonx264.mp4"

});

jwp.onReady(function () {
         video = MetaPlayer.jwplayer(jwp);
         video.autoplay = true;

player = MetaPlayer(video)
             .controlbar({
             fullscreen: true
         })
             .captionconfig()
             .transcript("#transcript")
             .searchbar("#searchbar")
             .mrss("//publishing.ramp.com/FileResource/widgets/metaplayer3/examples/data/elephants.mrss.xml")
             .srt()
             .load();
     });

});
</script>

serti

Đọc thêm »

To view this video please enable JavaScript, and consider upgrading to a web browser that supports HT...

Đọc thêm »

ss

player.on(playerjs.Events.PLAY, function(
  console.log('play');
));

player.on('ready', function(){
  player.setCurrentTime(20);
});

var iframe = document.createElement('iframe');
iframe.src = 'https://drive.google.com/file/d/0B9XJxML9RvoSZnRXVmdJY1lISWs/preview';
document.body.appendChild(iframe);

jwp = jwplayer('target').setup({
         controls: true, // v6
         controlbar: "none", //v5
         width: "600",
         height: "300",
         autostart: true,
         icons: false, // disable a big play button on the middle of screen
         plugins: {
             viral: {
                 onpause: false,
                 oncomplete: false,
                 allowmenu: false
             }
         }, // disable all viral features.
         flashplayer: "//rmplay.googlecode.com/files/jwplayer.flash.swf",
         file: "https://googledrive.com/host/0B9XJxML9RvoSbXpGdmdLUnUzbUE/youngmon2.mp4"

});

jwp.onReady(function () {
         video = MetaPlayer.jwplayer(jwp);
         video.autoplay = true;

player = MetaPlayer(video)
             .controlbar({
             fullscreen: true
         })
             .captionconfig()
             .transcript("#transcript")
             .searchbar("#searchbar")
             .mrss("//publishing.ramp.com/FileResource/widgets/metaplayer3/examples/data/elephants.mrss.xml")
             .srt()
             .load();
     });

});

</script>
//publishing.ramp.com/FileResource/widgets/metaplayer3/external/jwplayer/player.swf

VIDEO LOAI 22222222222222222222222 //publishing.ramp.com/FileResource/widgets/metaplayer3/external/jwplayer/player.swf

Đọc thêm »

===================================================================================

<a href="http://"><script>
var w=window,d=document,e;w._fpes||(w._fpes=[],w.addEventListener("load",function(){var s=d.createElement("script");s.src="//embed.flowplayer.org/6.0.4/embed.min.js",d.body.appendChild(s)})),e=[].slice.call(d.getElementsByTagName("script"),-1)[0].parentNode,w._fpes.push({e:e,l:"",c:{"ratio":0.5625,"rtmp":0,"live":false,"origin":"https://flowplayer.org/standalone/quickstart.html","swf":"//releases.flowplayer.org/6.0.4/flowplayer.swf","swfHls":"//releases.flowplayer.org/6.0.4/flowplayerhls.swf","adaptiveRatio":false,"clip":{"subtitles":[],"sources":[{"src":"http://googledrive.com/host/0B8SljDAo_MmoZXphU0hTdmRDZzQ/Akcent%20-%20That%60s%20My%20Name%20.mp4","suffix":"webm","type":"video/webm"},{"src":"http://googledrive.com/host/0B8SljDAo_MmoZXphU0hTdmRDZzQ/Akcent%20-%20That%60s%20My%20Name%20.mp4","suffix":"mp4","type":"video/mp4"}],"src":"http://googledrive.com/host/0B8SljDAo_MmoZXphU0hTdmRDZzQ/Akcent%20-%20That%60s%20My%20Name%20.mp4","suffix":"webm","type":"video/webm","duration":68.004,"width":640,"height":360,"url":"","seekable":68.004,"time":0}}});  
</script></a>

===================================================================================

Đọc thêm »

Gaga-esque influences. GAREK fuses Industrial Rock

<div class='post-body entry-content' id='post-body' itemprop='description articleBody'>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4d6UwXBRv-w1Fsj7Dt4Y5F_VqVv4-84i3rxjdlUGCQzzooSMq-j0ELujKyDPtkEQonk_R_akLvqFVybDNHgp_5oBY26JPJrXaGOhmTRzhG0_c6gGiUJQVxwddtZcPIb656eZD4SuB1HY2/s1600/GAREK+POSTER.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4d6UwXBRv-w1Fsj7Dt4Y5F_VqVv4-84i3rxjdlUGCQzzooSMq-j0ELujKyDPtkEQonk_R_akLvqFVybDNHgp_5oBY26JPJrXaGOhmTRzhG0_c6gGiUJQVxwddtZcPIb656eZD4SuB1HY2/s320/GAREK+POSTER.JPG" width="226" /></a></div>
<div style="text-align: justify;">
<span style="color: #0b5394;">NYC based artist GAREK's single <i><b><span style="color: orange;">Save The Queen</span></b></i> was just released to radios and has already charted #9 in its first on the Independent Music Charts. GAREK is currently in the process of putting together his US Tour for early 2016. The video for the song is quite an interesting visual NSFW experience, being reminiscent of some Gaga-esque influences. GAREK fuses Industrial Rock with some pop melodies and infectious choruses. Check out the music video below! </span></div>
<div style="text-align: center;">
<br /><iframe width="440" height="248" src="https://www.youtube.com/embed/3_btgU-5a18?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div style='clear: both;'></div>
</div>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<img itemprop="image" src="//lh4.googleusercontent.com/-3C2kxNQgVbU/AAAAAAAAAAI/AAAAAAAANsM/WFIShm-YY-8/s512-c/photo.jpg" width="90px"/>
<div>
<a class='g-profile' href='https://plus.google.com/107145435996200826264' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'>Caesarlivenloud caesarlivenloud</span>
</a>
</div>
<span itemprop='description'>
</span>
</div>

Gaga-esque influences. GAREK fuses Industrial Rock

NYC based artist GAREK's single Save The Queen was just released to radios and has already charted #9 in its first on the Independe...

Đọc thêm »

bai viet thú da xuat hien nhe

<a class="thumbx" href="http://lifestyle-livenloud.blogspot.pt/2014/07/lana-del-rey-covers-rolling-stone.html" title="Lana Del Rey Covers Rolling Stone Magazine"><img alt="Lana Del Rey Covers Rolling Stone Magazine" class="post-thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEIutIoP4AaSaU4I75hwCNVnMLA8HWlOfAY_BzBnWeYdpS7wWRtg76zgML_tdcKltGsU_VukTEv6nINmppxuvPakQWQ7eC0Hcy2e7zSe84TdhQrMZ3GVMhUMrc59WuBzXdWtY2ataxzeg/s72-c/lanarolling.jpg"></a>
<h1 class="post-title entry-title" itemprop="name headline">
<a href="http://www.caesarlivenloud.com/2014/06/video-premiere-awela-hey-geo-da-silva.html" itemprop="url">[VIDEO PREMIERE] Awela Hey (Geo Da Silva & Jack Mazzoni)</a>
</h1>
<span class="morinfobtn" title="more options"></span>
<div class="topmeta">
<div class="inner">
<a class="zoom-text zoom-in-text" href="#A+">A<span>+</span></a>
<a class="zoom-text zoom-out-text" href="#A-">A<span>-</span></a>
<div>
<a class="thumbx" href="http://lifestyle-livenloud.blogspot.pt/2014/07/lana-del-rey-covers-rolling-stone.html" title="Lana Del Rey Covers Rolling Stone Magazine"><img alt="Lana Del Rey Covers Rolling Stone Magazine" class="post-thumbnail" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOEIutIoP4AaSaU4I75hwCNVnMLA8HWlOfAY_BzBnWeYdpS7wWRtg76zgML_tdcKltGsU_VukTEv6nINmppxuvPakQWQ7eC0Hcy2e7zSe84TdhQrMZ3GVMhUMrc59WuBzXdWtY2ataxzeg/s72-c/lanarolling.jpg"></a>
<div class="addthis_toolbox addthis_default_style addthis_16x16_style">
<a href="#" title="Print" class="addthis_button_print at300b"><span style="background-color: rgb(115, 138, 141);" class="at4-icon-left at4-icon aticon-print"><span>Share on print</span></span>Print</a>
<a href="#" title="Email" target="_blank" class="addthis_button_email at300b"><span style="background-color: rgb(115, 138, 141);" class="at4-icon-left at4-icon aticon-email"><span>Share on email</span></span>Email</a>
<div class="atclear"></div></div>
</div>
<div class="findxnya">
<form action="javascript:;" class="text-finder" id="text-finder">
<input class="findx" placeholder="Find..." type="text">
<input class="rbtn" value="×" type="reset">
</form>
</div>
</div>
</div>
<div style="font-size: 23px;" class="post-body entry-content" id="post-body-6377503389975173664" itemprop="description articleBody">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqWGL2LSTOu9j_C-RGP721keTj9veswqf1U59yJestAwzqVLxDYk3__cIhtbqAisdDCj3JDbrLOme3Ksy3kFBEzkX8QP-IpvJ3mFCEdJYxaWlcTZ7c_sQ2MfOvV15OaqFAn4KUwydNhLk-/s1600/awela.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Awela Hey (Geo Da Silva & Jack Mazzoni)" border="0" height="145" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqWGL2LSTOu9j_C-RGP721keTj9veswqf1U59yJestAwzqVLxDYk3__cIhtbqAisdDCj3JDbrLOme3Ksy3kFBEzkX8QP-IpvJ3mFCEdJYxaWlcTZ7c_sQ2MfOvV15OaqFAn4KUwydNhLk-/s1600/awela.jpg" title="Awela Hey (Geo Da Silva & Jack Mazzoni)" width="400"></a></div>
<div style="text-align: justify;">
<span style="color: #0b5394;">Check out the sexy visuals for <span style="color: orange;"><b>Awela Hey</b></span>, Geo Da Silva & Jack Mazzoni's new single. This song is definitely going to feature on my summer playlist! Enjoy!</span></div>

</div>
</article>

bai viet thú da xuat hien nhe

[VIDEO PREMIERE] Awela Hey (Geo Da Silva & Jack Mazzoni) A + A - Share on print Print Share on email Email C...

Đọc thêm »

az