{"id":44365,"date":"2019-03-28T03:01:52","date_gmt":"2019-03-27T17:01:52","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=44365"},"modified":"2019-03-29T00:36:38","modified_gmt":"2019-03-28T14:36:38","slug":"quicktime-player-mov-video-conversion-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/quicktime-player-mov-video-conversion-tutorial\/","title":{"rendered":"QuickTime Player Mov Video Conversion Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinningaround.gif\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"QuickTime Player Mov Video Conversion Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinningaround.gif\" title=\"QuickTime Player Mov Video Conversion Tutorial\"   \/><\/a><p class=\"wp-caption-text\">QuickTime Player Mov Video Conversion Tutorial<\/p><\/div>\n<p>Yesterday&#8217;s <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a> changed quite a bit between 27th March 2019 06:00 and 11:20 AEST.  Why?  Well, our iPhone6 saves its videos (from the Camera iOS application) in *.mov format.  This *.mov has an associated mimetype <i>video\/quicktime<\/i> and as you may surmise from that mimetype it&#8217;s success as a video playing format depends <b>quite a bit<\/b> on the user having access to the <a title=\"QuickTime information from Apple\" href=\"https:\/\/support.apple.com\/downloads\/quicktime\" target=\"_blank\">QuickTime Player<\/a> application.  We say <b>quite a bit<\/b> here because you can sometimes open an *.mov based URL in a web browser of a computer without QuickTime Player installed, and believe I&#8217;ve seen the video be played that way, but with yesterday&#8217;s tutorial, we were asking the *.mov be played within an HTML video element (albeit one with no cross-domain issues).  The problem here even for computers with QuickTime Player installed &#8230;<\/p>\n<ul>\n<li>you see a <i>blank black<\/i> video screen (with controls, because we specified that with our &#8230;<br \/>\n<code><br \/>\n&lt;video style='width:100%;' controls&gt;&lt;source type='video\/quicktime' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'&gt;&lt;\/source&gt;&lt;\/video&gt;<br \/>\n<\/code><br \/>\n &#8230; video element HTML above)<\/li>\n<li>you click the play button and nothing happens<\/li>\n<\/ul>\n<p>All a bit disappointing, but please read on.<\/p>\n<p>Then we set out thinking about conversion from &#8230;<\/p>\n<ul>\n<li>*.mov to *.m4v via older QuickTime Player Version 10.4 (894.12) (no longer available as of Version 10.5 (928.50)) &#8230; which we associated with its <i>video<\/i> element in <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a><\/li>\n<li>*.mov to *.mp4 via <a target=_blank title='ffmpeg' href='https:\/\/www.ffmpeg.org\/'>ffmpeg<\/a> and help from <a target=_blank title='Great link, thanks' href='https:\/\/mrcoles.com\/convert-mov-mp4-ffmpeg\/'>this great link<\/a>, thanks, to use on a MacBook Pro (Terminal application) command line, the command &#8230;<br \/>\n<code><br \/>\nffmpeg -i spinning_around.mov -vcodec h264 -acodec mp2 spinning_around.mp4<br \/>\n<\/code><br \/>\n &#8230; which we associated with clicking on the tutorial picture of yesterday&#8217;s <a title='Spinning Around Primer Tutorial' href='#sapt'>Spinning Around Primer Tutorial<\/a><\/li>\n<\/ul>\n<p> &#8230; and then reflecting, and <a target=_blank title='Reflecting' href='https:\/\/www.google.com\/search?q=playing+mov+in+video+elements+inline&#038;rlz=1C5CHFA_enAU832AU832&#038;oq=playing+mov+in+video+elements+inline&#038;aqs=chrome..69i57.66573j0j7&#038;sourceid=chrome&#038;ie=UTF-8'>thinking this cannot be so<\/a>, we got to <a target=_blank title='Useful link, thanks' href='https:\/\/stackoverflow.com\/questions\/31380695\/how-to-open-mov-format-video-in-html-video-tag'>another great link<\/a>, thanks, and realized that &#8230;<\/p>\n<p><code><br \/>\n&lt;video style='width:100%;' controls&gt;&lt;source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'&gt;&lt;\/source&gt;&lt;\/video&gt;<br \/>\n<\/code><\/p>\n<p> &#8230; could be played in the <i>video<\/i> element, as below &#8230;<\/p>\n<p><video style='width:100%;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'><\/source><\/video><\/p>\n<hr>\n<p id='sapt'>Previous relevant <a target=_blank title='Spinning Around Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/spinning-around-primer-tutorial\/'>Spinning Around Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mp4\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"Spinning Around Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.jpg\" title=\"Spinning Around Primer Tutorial\"   \/><\/a><p class=\"wp-caption-text\">Spinning Around Primer Tutorial<\/p><\/div>\n<p>That Kylie Minogue song <a target=_blank title=\"Spinning Around\" href='https:\/\/www.youtube.com\/watch?v=ekpM8eD3LM4'>&#8220;I&#8217;m spinning around &#8230;&#8221;<\/a> <strike>spins<\/strike>springs to mind with today&#8217;s tutorial.<\/p>\n<p>Have you ever wanted to made a video to try to make yourself, or someone else, dizzy?   Well, we thought about this, and decided we&#8217;d &#8230;<\/p>\n<ol>\n<li>use an iPhone &#8230;<\/li>\n<li>start up its Camera app<\/li>\n<li>get it ready for (normal) Video mode<\/li>\n<li>grab a broom<\/li>\n<li>grab a rubber band, the thicker the safer for your iPhone &#8230; please be careful &#8230;<\/li>\n<li>bind the iPhone onto the broom handle via the rubber band, as tightly as you can<\/li>\n<li>tap the red button awaiting you starting the Video recording, on the iPhone &#8230; doh! &#8230;<\/li>\n<li>spin the broom handle for a while &#8230; we did about 10 seconds<\/li>\n<li>tap the red button to stop recording<\/li>\n<li>share the dizzifying Video, as we do here <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov\" title=\"Click picture\">and below<\/a><\/li>\n<\/ol>\n<p><!--video style='width:100%;' controls><source type='video\/quicktime' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.mov'><\/source><\/video--><\/p>\n<p><video style='width:100%;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/iPhone\/spinning_around.m4v'><\/source><\/video><\/p>\n<p>Are you dizzy yet?<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44332' onclick='var dv=document.getElementById(\"d44332\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/video\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44332' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d44365' onclick='var dv=document.getElementById(\"d44365\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/quicktime\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d44365' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Yesterday&#8217;s Spinning Around Primer Tutorial changed quite a bit between 27th March 2019 06:00 and 11:20 AEST. Why? Well, our iPhone6 saves its videos (from the Camera iOS application) in *.mov format. This *.mov has an associated mimetype video\/quicktime and &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/quicktime-player-mov-video-conversion-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[2892,183,2894,2890,415,631,2893,817,1020,1021,2891,1319,1369],"class_list":["post-44365","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-broom","tag-camera","tag-convsersion","tag-dizzy","tag-ffmpeg","tag-iphone","tag-mov","tag-mp4","tag-quicktime","tag-quicktime-player","tag-spinning","tag-tutorial","tag-video"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44365"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=44365"}],"version-history":[{"count":3,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44365\/revisions"}],"predecessor-version":[{"id":44376,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/44365\/revisions\/44376"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=44365"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=44365"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=44365"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}