Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><a href="http://standupcomedy.me/tutorials/increaseplayersize" rel="nofollow">http://standupcomedy.me/tutorials/increaseplayersize</a> With Iframe you are putting your video in fixed perimeters inside a browser like 640x315. On some browsers no matter what happens the perimeters will stay 640x360. There is a way around this on all browsers if you have the patience to create 2 html pages for 1 video. Create an exact duplicate html page and call it sco01-mlargeplayer.html. In the large player page set the vid with larger width and height perimeters. Now under your original page player code after the /video tag implement an external link button that opens a new page reading something like "Increase Player Size". Use the target="_parent" attribute to open the new page on the same window if you don't mind taking people of the embedded video page. If you want a new page to open read the "Google Chrome tab note" further down the page. Remember to add a "decrease player size" link of the same nature on the newly created sco01-mlargeplayer.html page to revert back to the original video page, a back button works well. </p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Demo&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet"&gt; &lt;script src="http://vjs.zencdn.net/c/video.js"&gt;&lt;/script&gt; &lt;body&gt; &lt;div align="center"&gt; &lt;video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="800" height="600" poster="1.jpg" data-setup="{}"&gt; &lt;source src="A-2-4.mp4" type='video/mp4'&gt; &lt;source src="oceans-clip.webm" type='video/webm'&gt; &lt;/video&gt; &lt;a href="http://standupcomedy.me/woggie/demoplayer"target="_parent"&gt;Increase PlayerSize&lt;/a&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>If you Want to open in a new page- the Google Chrome browser is tricky. <a href="http://code.google.com/p/chromium/issues/detail?id=106780" rel="nofollow">http://code.google.com/p/chromium/issues/detail?id=106780</a> -The issue with "Google Chrome tabs" not playing duplicate videos in new tabs.- To get the same video to play in 2 Google Chrome tabs when the second page opens in a new tab: Change the order of the source videos on the second page sco01-mlargeplayer.html. This way Chrome recognizes the video as a new video.</p> <pre><code>Embedded player video source: &lt;source src="A-2-4.mp4" type='video/mp4'&gt; &lt;source src="oceans-clip.webm" type='video/webm'&gt; New page video source &lt;source src="oceans-clip.webm" type='video/webm'&gt; &lt;source src="A-2-4.mp4" type='video/mp4'&gt; </code></pre> <p>I am working on a player control system to be used with all html5 players just for kicks and to get the videos on my site up.You can embed a demo here which will be updated as I work on it.I Call it The Woggie Player.</p> <pre><code> &lt;iframe width="610" height="420" src="http://standupcomedy.me/woggie/movie" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"&gt;&lt;/iframe&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload